*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 20% 10%,#dce7ff,transparent 50%),#f3f6fa;color:#102743;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.login-card{width:min(100%,440px);padding:40px;background:#fff;border:1px solid #e0e7f0;border-radius:22px;box-shadow:0 24px 80px #12325815}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:#3067ff;color:#fff;font-weight:800;border-radius:14px;box-shadow:0 8px 20px #3067ff30}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#7b8ba3;margin:24px 0 8px}h1{font-size:28px;margin:0}.intro{color:#748299;margin:8px 0 28px}label{display:block;font-weight:600;margin:16px 0 8px}input{width:100%;height:46px;border:1px solid #d7e0ed;border-radius:9px;padding:0 13px;font:inherit;color:#102743;background:#fbfcff}input:focus{outline:3px solid #3067ff20;border-color:#3067ff}.password-field{position:relative}.password-field input{padding-right:60px}#toggle-password{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#5c7294;height:30px;cursor:pointer}#error{color:#c22e48;min-height:24px;font-size:13px;margin:12px 0}.submit{width:100%;height:46px;background:#3067ff;color:#fff;font:inherit;font-weight:700;border:0;border-radius:9px;cursor:pointer}.submit:disabled{opacity:.65;cursor:wait}.footnote{margin:24px 0 0;text-align:center;color:#8a98ab;font-size:12px}@media(max-width:480px){.login-card{padding:28px}}
#error.success{color:#138653}