.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:brightness(.5);z-index:0}
.auth-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.1) 60%)}
.auth-visual>*{position:relative;z-index:2}
.auth-visual h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(1.8rem,3.4vw,2.8rem);max-width:16ch}
.auth-visual p{color:#cfcfcf;font-size:14.5px;max-width:36ch;margin-top:14px;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:400px}
.auth-card h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.025em;font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.05}
.auth-card .lead{color:var(--grey);font-size:14.5px;margin-top:10px;margin-bottom:30px}

.field{margin-bottom:18px}
.field label{display:block;font-size:13px;font-weight:500;color:#d6d6d6;margin-bottom:7px}
.field input{width:100%;background:#0e0e10;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px 13px;color:#fff;
  font-family:'Inter',sans-serif;font-size:14.5px;outline:none;transition:border-color .2s}
.field input::placeholder{color:var(--faint)}
.field input:focus{border-color:rgba(255,255,255,.4)}

.auth-row{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 22px;flex-wrap:wrap;gap:10px}
.auth-row label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--grey);cursor:pointer}
.auth-row a{font-size:13px;color:var(--grey);text-decoration:underline;text-underline-offset:3px}
.auth-row a:hover{color:#fff}

.auth-card .btn-grad{width:100%;justify-content:center;padding:13px 20px;font-size:14px}

.auth-sep{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--faint);font-size:12.5px}
.auth-sep::before,.auth-sep::after{content:"";flex:1;height:1px;background:var(--line)}

.auth-oauth{display:flex;flex-direction:column;gap:8px}
.auth-oauth .btn-ghost{width:100%;justify-content:center;padding:12px 18px;font-size:14px;border-color:rgba(255,255,255,.16);color:#fff}
.auth-oauth .btn-ghost:hover{border-color:#fff}

.auth-alt{margin-top:26px;font-size:13.5px;color:var(--grey);text-align:center}
.auth-alt a{color:#fff;text-decoration:underline;text-underline-offset:3px}

.legalmini{margin-top:22px;font-size:12px;color:var(--faint);line-height:1.6;text-align:center}
.legalmini a{color:var(--grey)}
.legalmini a:hover{color:#fff}