:root{--bg:#0b0e14;--panel:#121722;--line:#243044;--text:#e8edf7;--muted:#8b9ab1;--accent:#5eead4;--accent2:#38bdf8}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1000px 500px at 15% -10%,#16324a 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1d2a4a 0%,transparent 50%),var(--bg);color:var(--text);font:15px/1.5 "Segoe UI",Roboto,system-ui,sans-serif}
.auth{min-height:100%;display:grid;place-items:center;padding:24px}
.auth-card{width:100%;max-width:430px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px 28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.auth-card h1{margin:0 0 4px;font-size:25px}
.auth-card .sub{color:var(--muted);font-size:13.5px;margin:0 0 22px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.field label{font-size:12.5px;color:#a7b7cc}
.field input{background:#0a0f17;border:1px solid #273449;border-radius:11px;padding:12px 13px;color:var(--text);outline:none}
.field input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.12)}
.submit{width:100%;border:0;border-radius:11px;padding:12px;background:linear-gradient(135deg,#5eead4,#38bdf8);color:#04212a;font-weight:700;margin-top:6px;cursor:pointer}
.submit:disabled{opacity:.6}
.error{color:#fecdd3;background:rgba(251,113,133,.1);border:1px solid rgba(251,113,133,.3);padding:9px 11px;border-radius:9px;font-size:13px;display:none;margin-bottom:12px}
.error.show{display:block}
.hint{color:#7d8ea6;font-size:12.5px;line-height:1.55;margin:16px 0 0}