:root{--bg:#040816;--panel:#081725;--line:#173e56;--text:#f5f7ff;--muted:#9fb0c2;--gold:#ffd84f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 0,rgba(49,69,165,.19),transparent 38%),linear-gradient(180deg,#050a18,#061321)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.auth-card{width:min(100%,430px);padding:22px;border-radius:24px;background:rgba(8,23,37,.96);border:1px solid var(--line);box-shadow:0 28px 70px rgba(0,0,0,.35);text-align:center}
.auth-logo{width:180px;height:180px;object-fit:cover;border-radius:22px;display:block;margin:0 auto 16px;border:1px solid rgba(255,216,79,.22)}
.subbrand{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.16em}
h1{margin:6px 0 0;font-size:30px;line-height:1.05}p{margin:7px 0 20px;color:var(--muted);font-size:14px}
form{text-align:left;display:grid;gap:13px}label{color:#dce6ee;font-size:13px;font-weight:800}
input{width:100%;margin-top:7px;padding:13px 14px;border-radius:13px;border:1px solid #23506a;background:#071d2c;color:#fff;font-size:16px;outline:none}
input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,216,79,.08)}
button{margin-top:2px;border:0;border-radius:13px;padding:14px;background:linear-gradient(90deg,#e6b91f,#ffe374);color:#071725;font-size:14px;font-weight:950;cursor:pointer}
.auth-error{margin:0 0 14px;padding:11px 12px;border-radius:12px;background:rgba(153,46,55,.18);border:1px solid rgba(255,114,124,.32);color:#ffc8cc;font-size:13px;text-align:left}
.back-home{display:inline-block;margin-top:17px;color:#9eb7c9;font-size:12px;text-decoration:none}