.auth-screen{max-width:1100px;margin:75px auto;padding:25px;display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}
.auth-intro h1{font:700 clamp(40px,5vw,68px)/1.06 var(--display);letter-spacing:-2px;margin:20px 0 25px}
.auth-intro>p{color:var(--muted);font-size:16px;max-width:350px}
.auth-intro .examples{justify-content:flex-start;margin-top:35px}
.auth-card{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #172f4807}
.auth-tabs{display:flex;border-bottom:1px solid var(--line);gap:15px;margin-bottom:25px}
.auth-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 0;color:var(--muted);background:none}
.auth-tabs .active{border-color:var(--blue);color:var(--blue)}
.auth-card h2{font:700 28px var(--display);margin:0 0 25px}
.auth-card label{display:block;font-size:12px;font-weight:600;margin:18px 0 7px}
.auth-card input{width:100%;padding:12px;border:1px solid #afc0cf;border-radius:5px}
.auth-card p{font-size:11px;color:var(--muted)}
.auth-card .auth-local{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}
.auth-card button{margin-top:12px}
#auth-error{color:#9a3232;min-height:17px}.local-label{overflow-wrap:anywhere}
@media(max-width:750px){.auth-screen{grid-template-columns:1fr;gap:25px;margin:20px auto;max-width:500px}.auth-intro h1{font-size:42px}.auth-intro .examples{display:none}.auth-card{padding:24px}.topbar #logout{font-size:10px;padding:8px}.topbar:has(#logout:not([hidden])) .local{display:none}}