/* Auth Pages */
:root {--bg:#05070b;--panel:#0b0f15;--line:#1a222d;--text:#dfe5ec;--sub:#7d8693;--accent:#0ea5e9;--accent2:#6366f1;--grad:linear-gradient(135deg,#0ea5e9,#6366f1 55%,#8b5cf6);--font:'Urbanist',system-ui,sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}
body.auth-body{display:flex;min-height:100vh;font-family:var(--font);background:radial-gradient(circle at 20% 20%,#111827,#05070b 60%);color:var(--text)}
.auth-card{width:100%;max-width:420px;margin:auto;padding:2.4rem 2.2rem 2.6rem;background:#0b0f15;border:1px solid #1a222d;border-radius:30px;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 40px 70px -35px rgba(0,0,0,.65),0 10px 24px -10px rgba(0,0,0,.4);position:relative;z-index:2}
.auth-card.wide{max-width:640px}
.brand{font-weight:700;font-size:1.2rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.6px}
.auth-card h1{font-size:1.9rem;letter-spacing:-1px;font-weight:700}
.subtitle{font-size:.85rem;color:var(--sub);margin-top:-.6rem}
.form{display:flex;flex-direction:column;gap:1rem}
.form.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem 1.2rem}
.form label{display:flex;flex-direction:column;gap:.4rem;font-size:.65rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--sub)}
.form input,.form select{background:#111823;border:1px solid #1a222d;padding:.75rem .9rem;border-radius:16px;color:#fff;font-size:.8rem;font-weight:500}
.form input:focus,.form select:focus{outline:2px solid #0ea5e944}
.check{display:inline-flex;align-items:center;gap:.45rem;font-size:.6rem;letter-spacing:.5px;text-transform:none;font-weight:500}
.check input{width:16px;height:16px;border-radius:4px}
.row{display:flex;align-items:center;gap:1rem}
.row.between{justify-content:space-between}
button.primary{background:var(--grad);color:#fff;padding:.85rem 1.1rem;border:none;border-radius:18px;font-weight:600;font-size:.85rem;cursor:pointer;box-shadow:0 14px 34px -18px rgba(14,165,233,.55)}
button.block{width:100%}
.alt{font-size:.7rem;color:var(--sub);text-align:center}
.alt a{color:#fff;text-decoration:none}
.alt a:hover{text-decoration:underline}
.link{color:#fff;font-size:.6rem;text-decoration:none}
.link:hover{text-decoration:underline}
.side-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}
.side-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#0ea5e922,transparent 70%)}
.hero-text{max-width:420px;display:flex;flex-direction:column;gap:1.2rem}
.hero-text h2{font-size:2.1rem;line-height:1.05;letter-spacing:-1px}
.hero-text p{font-size:.9rem;color:var(--sub);line-height:1.5}
.full{grid-column:1/-1}
@media (max-width:980px){.side-panel{display:none}.auth-card{margin:3rem auto}}