*{box-sizing:border-box;}
body{
    margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    background:linear-gradient(135deg,#0f172a,#1e3a5f);
}
.auth-wrap{ padding:20px; width:100%; max-width:420px; }
.auth-card{ background:#fff; border-radius:20px; padding:36px 32px; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.auth-card h1{ margin:0 0 22px; font-size:22px; color:#0f172a; }
.auth-error{ background:#fef2f2; color:#dc2626; border:1px solid #fecaca; padding:10px 14px; border-radius:10px; font-size:13px; margin-bottom:16px; }
.auth-card label{ display:block; font-size:13px; font-weight:700; color:#334155; margin:14px 0 6px; }
.auth-card .opt{ font-weight:400; color:#94a3b8; }
.auth-card input{
    width:100%; padding:12px 14px; border:1px solid #e2e8f0; border-radius:10px; font-size:14px;
}
.auth-card input:focus{ outline:none; border-color:#2563eb; }
.auth-card button{
    width:100%; margin-top:22px; padding:13px; background:linear-gradient(90deg,#0284c7,#2563eb);
    color:#fff; border:none; border-radius:10px; font-size:15px; font-weight:800; cursor:pointer;
}
.auth-switch{ text-align:center; margin-top:18px; font-size:13px; color:#64748b; }
.auth-switch a{ color:#2563eb; font-weight:700; text-decoration:none; }