.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#0ea5e933,transparent 34rem),linear-gradient(135deg,#020617,#0f172a)}.login-main{width:min(100%,460px)}.login-card{padding:28px;background:#0f172af2;border:1px solid #334155;border-radius:24px;box-shadow:0 24px 70px #0009;touch-action:manipulation}.login-card h1{font-size:clamp(2.4rem,10vw,3.8rem);margin:.12em 0}.login-card form{display:grid;gap:10px}.login-card label{color:#bae6fd;font-size:.9rem;font-weight:800}.login-card input{width:100%;padding:13px;border:1px solid #475569;border-radius:12px;background:#020617;color:#f8fafc;font:inherit}.login-primary,.login-secondary{width:100%;padding:13px;border-radius:12px;font:inherit;font-weight:850;cursor:pointer}.login-primary{border:1px solid #34d399;background:#065f46;color:#ecfdf5}.login-secondary{border:1px solid #38bdf8;background:#0c4a6e;color:#f0f9ff}.login-primary:hover,.login-secondary:hover{filter:brightness(1.13)}.login-primary:disabled,.login-secondary:disabled{opacity:.55;cursor:wait}.login-or{display:flex;align-items:center;gap:10px;margin:24px 0 16px;font-size:.85rem}.login-or:before,.login-or:after{content:"";height:1px;flex:1;background:#334155}.login-message{min-height:1.5em;margin:16px 0 0;color:#fbbf24}.login-message.error{color:#fb7185}.login-message.good{color:#4ade80}