:root{color-scheme:light;--brand-blue: #0060a0;--brand-blue-dark: #004e86;--brand-green: #5fb867;--brand-green-dark: #4a9e52;--bg-1: #0a3a5c;--bg-2: #06243a;--card: #ffffff;--fg: #0f2233;--muted: #5b6b7a;--accent: var(--brand-blue);--accent-hover: var(--brand-blue-dark);--error: #d12c2c;--success: var(--brand-green-dark);--border: #d3dce4;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.5rem;color:var(--fg);background:radial-gradient(900px 500px at 50% -5%,rgba(95,184,103,.12),transparent 60%),linear-gradient(160deg,var(--bg-1) 0%,var(--bg-2) 100%);background-attachment:fixed}.card{position:relative;background:var(--card);color:var(--fg);width:100%;max-width:27rem;padding:2.25rem 2rem 1.5rem;border-radius:16px;box-shadow:0 24px 60px -12px #0216288c,0 4px 12px #02162833;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green))}.brand{display:flex;justify-content:center;margin-bottom:1.5rem}.brand-logo{width:188px;height:auto;display:block}h1{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;text-align:center}.lede{color:var(--muted);margin:0 0 1.5rem;text-align:center;font-size:.95rem;line-height:1.5}label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-weight:600;font-size:.875rem}input{font:inherit;font-weight:400;padding:.65rem .75rem;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--fg);transition:border-color .15s ease,box-shadow .15s ease}input:hover{border-color:#b9c6d2}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0060a02e}button{width:100%;font:inherit;font-weight:600;font-size:.95rem;padding:.75rem;margin-top:.25rem;border:none;border-radius:9px;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s ease,transform .05s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #0060a059}button:disabled{opacity:.6;cursor:progress}.error{color:var(--error);margin:1rem 0 0;font-size:.9rem;text-align:center}.success{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--success);margin:.5rem 0;font-weight:600;text-align:center;line-height:1.5}.success-icon{width:52px;height:52px}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eef2f6;text-align:center;font-size:.78rem;letter-spacing:.02em;color:#8a98a6}@media(max-width:30rem){.card{padding:1.75rem 1.25rem 1.25rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}