:root{color-scheme:light dark;--accent:#1a56db;--muted:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:36rem;margin:0 auto;padding:2rem 1rem 3rem}h1{font-size:1.75rem;margin:0 0 .5rem}.eyebrow{font-size:.875rem;margin:0}.eyebrow,.muted{color:var(--muted)}.card{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:.75rem;padding:1rem;margin:1.25rem 0}.btn{display:inline-block;min-height:2.75rem;padding:.65rem 1.25rem;border:0;border-radius:.5rem;background:var(--accent);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn.secondary{background:transparent;color:inherit;border:1px solid}.btn:disabled{opacity:.6;cursor:progress}.btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.alert{border-left:4px solid #b91c1c}.alert,.ok{padding:.5rem .75rem;margin:1rem 0}.ok{border-left:4px solid #15803d}.promo{margin:1rem 0 1.25rem;max-width:20rem}.promo-label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.875rem}.field{display:block;width:100%;min-height:2.75rem;padding:.6rem .8rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:.5rem;background:transparent;color:inherit;font:inherit;letter-spacing:.04em;text-transform:uppercase}.field::placeholder{color:var(--muted);text-transform:none;letter-spacing:normal}.field:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:transparent}.field[aria-invalid=true]{border-color:#b91c1c}.field-error{margin:.4rem 0 0;color:#b91c1c;font-size:.875rem}@media (prefers-color-scheme:dark){.field-error{color:#f87171}.field[aria-invalid=true]{border-color:#f87171}}.promo-toggle{margin:1rem 0 1.25rem}.link{background:none;border:0;padding:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.link:hover{color:inherit}.link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:.25rem}.methods{margin:1rem 0 0}.methods-heading{margin:0 0 .5rem;font-size:.875rem}.methods-row{display:flex;flex-wrap:wrap;gap:.5rem}.btn.method{min-height:2.5rem;padding:.45rem 1rem;font-weight:500}footer{margin-top:2.5rem;font-size:.875rem}footer a{margin-right:1rem}@media (min-width:40rem){main{padding-top:4rem}}