.login-page{background:radial-gradient(circle at 50% -20%, #00b8d91f, transparent 42%), var(--bg-primary);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.login-card{border:1px solid var(--border-default);background:#282a2a;border-radius:10px;width:min(100%,420px);padding:32px;box-shadow:0 24px 70px #00000047}.login-brand{color:var(--text-white);align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.login-brand-mark{color:#061719;background:var(--accent-cyan);border-radius:7px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.login-copy{margin:28px 0 24px}.login-copy h1{color:var(--text-white);font-size:24px;line-height:1.2}.login-copy p{color:var(--text-secondary);margin-top:8px;font-size:13px}.login-form{gap:16px;display:grid}.login-field{gap:7px;display:grid}.login-field label{color:var(--text-primary);font-size:12px;font-weight:500}.login-field input{background:#202222;width:100%;min-height:40px;padding:9px 11px}.login-error{color:#ff7779;min-height:20px;font-size:12px}.login-submit{background:var(--accent-cyan);color:#071416;border-radius:6px;min-height:40px;font-weight:600;transition:filter .15s,opacity .15s}.login-submit:hover:not(:disabled){filter:brightness(1.08)}.login-submit:disabled{cursor:wait;opacity:.65}@media (max-width:600px){.login-page{place-items:center stretch;padding:20px 14px}.login-card{padding:26px 22px}}