/* Lexynex Legal v0.10D - stable legal login */

.auth-body{
  margin:0;
  min-height:100vh;
  background:#160707;
}

.legal-login-page{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(143,5,5,.38), transparent 34%),
    radial-gradient(circle at 82% 78%, rgba(214,174,112,.18), transparent 36%),
    linear-gradient(135deg, #180707 0%, #4b0b0b 48%, #0b1324 100%);
  color:#fff;
}

.legal-login-background{
  position:absolute;
  inset:0;
  pointer-events:none;
}

.legal-login-background::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg, rgba(0,0,0,.65), transparent 70%);
}

.legal-login-orb{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(10px);
  opacity:.24;
}

.legal-login-orb-one{left:-120px;top:80px;background:#9b1111;}
.legal-login-orb-two{right:-130px;bottom:-80px;background:#d6ae70;}

.legal-login-shell{
  position:relative;
  z-index:1;
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(420px, .95fr) minmax(420px, 1.05fr);
}

.legal-login-visual{
  padding:54px 54px 44px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:32px;
  border-right:1px solid rgba(255,255,255,.12);
}

.legal-login-logo-block{
  display:flex;
  align-items:center;
  gap:14px;
}

.legal-login-mark{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff7ef,#d6ae70);
  color:#730d0d;
  font-size:31px;
  font-weight:900;
  font-family:Georgia,serif;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}

.legal-login-brand{font-size:25px;font-weight:900;letter-spacing:.01em;}
.legal-login-office{color:#f1d8d2;font-weight:700;margin-top:2px;}

.legal-login-illustration{
  max-width:560px;
  margin:0 auto;
  opacity:.96;
}

.legal-login-illustration img{
  display:block;
  width:100%;
  height:auto;
}

.legal-login-copy{max-width:680px;}

.legal-login-eyebrow{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#f8dfd7;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.legal-login-copy h2{
  margin:18px 0 14px;
  color:#fff;
  font-size:46px;
  line-height:1.05;
  letter-spacing:-.035em;
}

.legal-login-copy p{
  max-width:620px;
  color:#f0dcd8;
  font-size:17px;
  line-height:1.7;
  margin:0;
}

.legal-login-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.legal-login-trust-row span{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:#f7e8e4;
  font-size:12px;
  font-weight:900;
}

.legal-login-panel{
  position:relative;
  display:grid;
  place-items:center;
  padding:42px;
}

.legal-login-language{
  position:absolute;
  right:42px;
  top:34px;
  z-index:5;
}

.legal-login-card{
  width:min(100%, 500px);
  padding:38px;
  border-radius:30px;
  background:rgba(255,250,247,.94);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:0 30px 80px rgba(0,0,0,.34);
  color:#201818;
  backdrop-filter:blur(12px);
}

.legal-login-card-head{
  text-align:center;
  margin-bottom:24px;
}

.legal-login-badge{
  display:inline-flex;
  padding:8px 18px;
  border-radius:999px;
  background:#f7e8e4;
  color:#8f0505;
  font-weight:900;
  margin-bottom:14px;
}

.legal-login-card h1{
  margin:0 0 6px;
  color:#201818;
  font-size:38px;
  line-height:1.1;
  letter-spacing:-.025em;
}

.legal-login-card p{
  margin:0;
  color:#765d58;
  font-size:16px;
}

.legal-login-form{
  display:grid;
  gap:16px;
}

.legal-login-field{margin:0;}
.legal-login-field label{color:#3a2521;font-weight:900;}

.legal-login-field input{
  min-height:54px;
  border-radius:16px;
  border:1px solid #dfc4bd;
  background:#fffdfb;
  color:#201818;
  font-size:16px;
  padding:0 16px;
}

.legal-login-submit{
  min-height:54px;
  border-radius:16px;
  background:linear-gradient(135deg,#a80707,#730d0d);
  box-shadow:0 12px 24px rgba(143,5,5,.28);
  font-size:17px;
  font-weight:900;
  margin-top:4px;
  color:#fff;
}

.legal-login-note{
  margin-top:18px;
  padding:14px 16px;
  border-radius:18px;
  background:#fff3ef;
  border:1px solid #ead8d3;
  color:#765d58;
  font-size:14px;
  line-height:1.55;
}

@media(max-width:1050px){
  .legal-login-shell{grid-template-columns:1fr;}
  .legal-login-visual{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:38px 28px 26px;}
  .legal-login-copy h2{font-size:34px;}
  .legal-login-illustration{max-width:360px;}
  .legal-login-panel{padding:84px 22px 36px;}
  .legal-login-language{top:22px;right:22px;}
}

@media(max-width:640px){
  .legal-login-visual{display:none;}
  .legal-login-panel{min-height:100vh;padding:86px 16px 24px;}
  .legal-login-card{padding:26px;border-radius:24px;}
  .legal-login-card h1{font-size:31px;}
  .legal-login-language{left:16px;right:16px;display:flex;justify-content:center;}
}