:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8edf7;background:#10141d}*{box-sizing:border-box}body{margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#27334a 0,#10141d 55%)}.login-card{width:min(420px,100%);padding:38px;border:1px solid #344158;border-radius:20px;background:#171e2b;box-shadow:0 22px 70px #0008}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#89a9ff;color:#111827;font-size:34px;font-weight:800;margin-bottom:18px}.login-card h1{margin:0;font-size:28px}.subtitle{margin:8px 0 28px;color:#9eabc1}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;font-size:13px;color:#b7c2d6}.login-card input{width:100%;border:1px solid #3b4961;border-radius:10px;background:#111722;color:#eef3fc;padding:12px 13px;font-size:15px;outline:none}.login-card input:focus{border-color:#89a9ff;box-shadow:0 0 0 3px #89a9ff22}.login-card button{border:0;border-radius:10px;background:#89a9ff;color:#111827;padding:13px;font-weight:700;font-size:15px;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:wait}.error{margin:0;color:#ff9caa;font-size:13px}.hint{margin:20px 0 0;color:#7d8aa1;font-size:12px}