.auth{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr}

@media(max-width:860px){.auth{grid-template-columns:1fr}}

.auth-visual{position:relative;overflow:hidden;border-right:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:flex-end;gap:18px;
  padding:clamp(40px,6vw,70px);min-height:100%}

@media(max-width:860px){.auth-visual{display:none}}

.auth-visual img,.auth-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) brightness(.42) contrast(1.05);z-index:0}

.auth-visual::after{content:"";position:absolute;inset:0;z-index:1;mix-blend-mode:soft-light;opacity:.7;
  background:linear-gradient(140deg,rgba(127,149,248,.55),rgba(161,235,26,.35) 60%,rgba(161,235,26,.4))}

.auth-visual>*{position:relative;z-index:2}

.auth-visual .vlabel{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px}

.auth-visual .vlabel .dot{width:6px;height:6px;border-radius:50%;background:var(--g4);box-shadow:0 0 10px var(--g4)}

.auth-visual h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1;
  font-size:clamp(2rem,4vw,3.3rem);max-width:14ch}

.auth-visual p{color:#cfcfcf;font-size:14px;max-width:34ch;margin-top:16px;line-height:1.6}

.auth-form{display:flex;align-items:center;justify-content:center;
  padding:clamp(96px,13vh,150px) clamp(28px,5vw,80px) 90px}

.auth-card{width:100%;max-width:420px}

.auth-card .kick{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--faint);margin-bottom:14px}

.auth-card h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.03em;
  font-size:clamp(2rem,4vw,2.7rem);line-height:1}

.auth-card .lead{color:var(--grey);font-size:14px;margin-top:12px;margin-bottom:34px}

.field{margin-bottom:22px}

.field label{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grey);margin-bottom:10px}

.field input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
  padding:11px 2px;color:#fff;font-family:'Inter',sans-serif;font-size:15px;outline:none;transition:.2s}

.field input::placeholder{color:var(--faint)}

.field input:focus{border-bottom-color:var(--g4)}

.auth-row{display:flex;justify-content:space-between;align-items:center;margin:-6px 0 26px;flex-wrap:wrap;gap:10px}

.auth-row label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--grey);cursor:pointer}

.auth-row a{font-size:12.5px;color:var(--g3)}

.auth-row a:hover{color:#fff}

.auth-card .btn-grad{width:100%;justify-content:center;padding:15px 24px;font-size:12px}

.auth-sep{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--faint);
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em}

.auth-sep::before,.auth-sep::after{content:"";flex:1;height:1px;background:var(--line)}

.auth-oauth{display:flex;flex-direction:column;gap:12px}

.auth-oauth .btn-ghost{width:100%;justify-content:center;padding:13px 20px;font-size:12px}

.auth-alt{margin-top:30px;font-size:13.5px;color:var(--grey);text-align:center}

.auth-alt a{color:#fff}

.auth-alt a:hover{color:var(--g3)}

.legalmini{margin-top:26px;font-size:11.5px;color:var(--faint);line-height:1.6;text-align:center}

.legalmini a{color:var(--grey)}

.legalmini a:hover{color:#fff}