:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#020817;color:#e8eefc}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#0c1c3a 0,#020817 48%)}.login-card{width:min(430px,100%);padding:42px;border:1px solid #20304d;border-radius:22px;background:linear-gradient(145deg,#0d172b,#071022);box-shadow:0 30px 90px #0009}.mark{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#1677ff;color:white;font-weight:900;font-size:27px;box-shadow:0 0 28px #1677ff66}.eyebrow{margin:24px 0 5px;color:#45a3ff;font-size:12px;font-weight:800;letter-spacing:.18em}h1{margin:0;font-size:32px}.intro{margin:10px 0 30px;color:#8fa0bb}label{display:grid;gap:9px;color:#8192ad;font-size:12px;font-weight:800;letter-spacing:.08em}input{width:100%;padding:16px;border-radius:12px;border:1px solid #253858;background:#030b1b;color:white;font-size:17px;outline:none}input:focus{border-color:#3394ff;box-shadow:0 0 0 3px #1687ff22}button{width:100%;margin-top:18px;padding:15px;border:0;border-radius:12px;background:linear-gradient(90deg,#176af1,#20b4e8);color:white;font-weight:900;cursor:pointer}button:disabled{opacity:.6}#error{min-height:22px;color:#ff6680;font-size:14px;text-align:center}@media(max-width:520px){.login-card{padding:30px 22px}h1{font-size:27px}}