:root{--bg:#090d12;--surface:#121820;--line:#2a3542;--text:#f2f5f8;--muted:#8e9baa;--accent:#3b82f6;--accent2:#22d3ee;--danger:#fca5a5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,rgba(59,130,246,.15),transparent 38%),var(--bg);color:var(--text)}body{min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#141b24,#0f151d);box-shadow:0 35px 100px rgba(0,0,0,.45)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 34px rgba(59,130,246,.28)}h1{font-size:26px;margin:0}.brand p,.foot{margin:3px 0 0;color:var(--muted);font-size:12px}.notice{padding:11px;border-radius:10px;border:1px solid #29445c;background:#0e1a25;color:#a9bfd1;font-size:12px;line-height:1.5;margin-bottom:18px}form{display:grid;gap:14px}label{display:grid;gap:6px;color:#b9c4cf;font-size:12px;font-weight:700}input{width:100%;padding:12px 13px;border-radius:10px;border:1px solid var(--line);background:#0a1016;color:var(--text);outline:none;font-size:15px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.12)}button{padding:12px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:900;font-size:15px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.error{padding:10px;border-radius:9px;border:1px solid rgba(248,113,113,.45);background:rgba(127,29,29,.18);color:var(--danger);font-size:12px}.foot{text-align:center;margin-top:18px}