:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0b1f3a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#dbeafe 0,transparent 35%),linear-gradient(135deg,#f8fbff,#eef3fb);display:grid;place-items:center}.login-shell{width:min(92vw,440px)}.brand{display:block;text-align:center;text-decoration:none;color:#0f3b85;font-weight:900;font-size:1.45rem;margin-bottom:22px}.login-card{background:#fff;border:1px solid #dce5f2;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(31,64,116,.14)}.eyebrow{font-size:.72rem;letter-spacing:.15em;color:#2463c7;font-weight:800}.login-card h1{font-size:2rem;margin:10px 0 8px}.login-card p{color:#60718a;line-height:1.6;margin:0 0 24px}label{display:grid;gap:8px;margin:15px 0;color:#263b58;font-weight:700;font-size:.92rem}input{width:100%;border:1px solid #cad6e7;border-radius:12px;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:#2463c7;box-shadow:0 0 0 4px rgba(36,99,199,.11)}button{width:100%;border:0;border-radius:12px;padding:14px;background:linear-gradient(135deg,#1664d8,#0d3e91);color:#fff;font:inherit;font-weight:850;cursor:pointer;margin-top:8px}.error{background:#fff1f0;border:1px solid #ffc9c5;color:#a62a20;padding:11px 13px;border-radius:10px;font-size:.9rem}.login-card small{display:block;text-align:center;color:#8491a4;margin-top:20px;line-height:1.5}.connect-card{max-width:560px}.connect-card h1{max-width:460px}.connect-steps{display:grid;gap:12px;margin:22px 0;padding:0;list-style:none;counter-reset:steps}.connect-steps li{counter-increment:steps;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:start;padding:13px;border:1px solid #e2e8f2;border-radius:14px;background:#f9fbff}.connect-steps li:before{content:counter(steps);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7efff;color:#1559d7;font-weight:800;grid-row:1/3}.connect-steps b,.connect-steps span{grid-column:2}.connect-steps span{font-size:.88rem;color:#68758b;margin-top:3px}.connect-cta{display:block;text-align:center;text-decoration:none;background:#1769ff;color:#fff;border-radius:12px;padding:14px 18px;font-weight:800;margin:18px 0 12px;box-shadow:0 10px 24px rgba(23,105,255,.2)}.connect-cta:hover{background:#0c57dc}.success-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e2f8ec;color:#087a43;font-size:1.7rem;font-weight:900;margin-bottom:16px}@media(min-width:620px){.login-shell:has(.connect-card){width:min(92vw,620px)}}