:root{--bg: #08070a;--card: #111014;--line: rgba(255,255,255,0.10);--fg-1: #f4eeea;--fg-2: #b8b1ad;--fg-3: #7a7370;--signal-green: #3dd87a;--font-sans: 'Inter','Inter Fallback',system-ui,-apple-system,sans-serif;--font-display: 'Anton','Inter Fallback',sans-serif}*{box-sizing: border-box;margin: 0;padding: 0}html,body{min-height: 100%}body{background: var(--bg);color: var(--fg-1);font-family: var(--font-sans);-webkit-font-smoothing: antialiased}.stage{min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 24px 16px}.card{width: 100%;max-width: 380px;display: flex;flex-direction: column;align-items: center;gap: 36px}.brand{display: flex;flex-direction: column;align-items: center;gap: 20px}.crest{display: block;height: 120px;width: auto}.wordmark{font-family: var(--font-display);font-weight: 400;font-size: 3rem;line-height: 1;letter-spacing: 0.04em;text-transform: uppercase}.wordmark .accent{color: var(--accent,#F26522)}.form-col{width: 100%}.magic-form{display: flex;flex-direction: column;gap: 12px}.field input{width: 100%;height: 48px;padding: 0 14px;background: var(--card);border: 1px solid var(--line);border-radius: 8px;color: var(--fg-1);font: inherit;font-size: 1rem}.field input::placeholder{color: var(--fg-3)}.field input:focus{outline: none;border-color: var(--accent,#F26522);box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent,#F26522) 30%,transparent)}.cta{position: relative;height: 48px;border: 0;border-radius: 8px;background: var(--accent,#F26522);color: var(--on-accent,#fff);font: inherit;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: background 0.15s ease}.cta:hover{background: var(--accent-light,#FF7A3D)}.cta:focus-visible{outline: 2px solid var(--fg-1);outline-offset: 2px}.cta--loading{pointer-events: none;color: transparent}.cta--loading::after{content: "";position: absolute;inset: 0;margin: auto;width: 18px;height: 18px;border: 2px solid var(--on-accent,#fff);border-right-color: transparent;border-radius: 50%;animation: spin 0.7s linear infinite}@keyframes spin{to{transform: rotate(1turn)}}.error-message{margin-bottom: 12px;padding: 10px 14px;border: 1px solid rgba(255,90,90,0.35);border-radius: 8px;background: rgba(255,90,90,0.08);color: #ffb4b4;font-size: 0.9rem}@keyframes checkCircleDraw{to{stroke-dashoffset: 0}}@keyframes checkMarkDraw{to{stroke-dashoffset: 0}}.success-state{text-align: center;outline: none}.success-state .check-icon{display: block;margin: 0 auto 1rem}.check-circle{stroke-dasharray: 166;stroke-dashoffset: 166;animation: checkCircleDraw 0.6s cubic-bezier(0.65,0,0.45,1) forwards}.check-mark{stroke-dasharray: 48;stroke-dashoffset: 48;animation: checkMarkDraw 0.3s ease 0.7s forwards}.success-heading{font-size: 1.25rem;font-weight: 600;margin-bottom: 8px}.success-detail{color: var(--fg-2);font-size: 0.95rem}.success-email{color: var(--fg-1);font-weight: 600}.success-spam{color: var(--fg-3);font-size: 0.85rem;margin-top: 8px}.success-actions{display: flex;flex-direction: column;align-items: center;gap: 12px;margin-top: 20px}.resend-btn{padding: 8px 18px;border: 1px solid var(--line);border-radius: 8px;background: transparent;color: var(--fg-1);font: inherit;font-size: 0.9rem;cursor: pointer}.resend-btn:disabled{color: var(--fg-3);cursor: default}.resend-btn:focus-visible,.different-email-link:focus-visible{outline: 2px solid var(--accent,#F26522);outline-offset: 2px}.different-email-link{color: var(--fg-2);font-size: 0.85rem}.different-email-link:hover{color: var(--accent,#F26522)}@media (prefers-reduced-motion: reduce){.check-circle,.check-mark{animation: none;stroke-dashoffset: 0}.cta--loading::after{animation-duration: 2s}}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}