:root{--page:#050505;--surface:#101010;--surface-soft:#171111;--surface-warm:#261312;--surface-elevated:#110d0deb;--text:#f6efea;--muted:#c6ada4;--faint:#95726a;--border:#ff67472e;--border-strong:#ff6f4c57;--primary:#e1482e;--primary-strong:#ff6a43;--primary-soft:#e1482e29;--accent:#ff5a3d;--accent-soft:#ff5a3d24;--success:#ff6a43;--warning:#ff8468;--danger:#ff6d63;--shadow:0 30px 90px #00000080;--shadow-soft:0 18px 45px #00000061;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace;color:var(--text);background:var(--page);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#ff4a2647,#0000 28%),radial-gradient(circle at left 18% bottom 12%,#ff3a222e,#0000 30%),linear-gradient(#080707 0%,#050505 100%);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ff6a4347}button:disabled{cursor:not-allowed;opacity:.55}#root{min-height:100svh}.app-shell{background:radial-gradient(circle at top right, #ff57333d, transparent 24%), radial-gradient(circle at bottom left, #a7141438, transparent 28%), linear-gradient(#ff5c4017 1px, transparent 1px), linear-gradient(90deg, #ff5c4017 1px, transparent 1px), var(--page);background-size:auto,auto,28px 28px,28px 28px,auto;min-height:100svh;padding:36px}.hero-panel{width:min(1180px,100%);min-height:calc(100svh - 72px);box-shadow:var(--shadow);background:linear-gradient(#180c0ce6,#0a0808f5),radial-gradient(circle at 100% 0,#ff59361f,#0000 32%);border:1px solid #ff67471f;border-radius:24px;margin:0 auto;padding:32px;overflow:hidden}.brand-row{align-items:center;gap:12px;margin-bottom:56px;display:flex}.brand-mark{border:1px solid var(--border);width:42px;height:42px;box-shadow:var(--shadow-soft);background:linear-gradient(#1e1212fa,#120d0dfa);border-radius:12px;padding:7px}.eyebrow,.kicker,.section-label,.signal-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:58px;display:grid}.intro{max-width:650px}.kicker{color:var(--primary);letter-spacing:.08em;margin:0 0 14px}h1,h2,p{margin:0}h1{max-width:12ch;color:var(--text);letter-spacing:0;text-shadow:0 0 28px #ff60431f;font-size:clamp(3rem,7vw,5.7rem);font-weight:850;line-height:.94}h2{color:var(--text);letter-spacing:0;margin-top:4px;font-size:1.35rem;line-height:1.15}.lede{max-width:610px;color:var(--muted);margin-top:24px;font-size:1.08rem}.signal-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin-top:36px;display:grid}.signal-strip>div{border:1px solid var(--border);background:#120c0cd1;border-radius:16px;min-height:96px;padding:18px}.signal-value,.signal-label{display:block}.signal-value{color:var(--primary-strong);margin-bottom:8px;font-size:1.25rem;font-weight:800}.listener-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#180e0ef0,#0e0a0af7),radial-gradient(circle at 100% 0,#ff5a3d14,#0000 30%);border-radius:20px;padding:24px}.card-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.section-label{color:var(--faint);display:block}.status-pill{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffff05;border-radius:999px;flex:none;align-items:center;gap:8px;padding:7px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;width:9px;height:9px}.status-pill--waiting{color:var(--warning);background:#ff84681a}.status-pill--received{color:var(--success);background:#ff6a4324}.email-field{color:var(--text);gap:9px;font-weight:800;display:grid}.email-field input{border:1px solid var(--border-strong);width:100%;height:56px;color:var(--text);background:#ffffff08;border-radius:14px;padding:0 16px;box-shadow:inset 0 1px #ffffff08}.email-field input::placeholder{color:var(--faint)}.button-row{grid-template-columns:1fr auto;gap:10px;margin-top:16px;display:grid}.primary-button,.secondary-button,.copy-button{cursor:pointer;border-radius:14px;min-height:48px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.copy-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{color:#fff;background:linear-gradient(135deg, var(--primary-strong), var(--primary));padding:0 20px;box-shadow:0 16px 30px #e1482e47}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#ff7f5e,#dc3c24)}.secondary-button{color:var(--text);border:1px solid var(--border-strong);background:#ffffff0a;padding:0 18px}.status-card{border:1px solid var(--border);background:#ffffff08;border-radius:16px;grid-template-columns:42px 1fr;gap:14px;min-height:92px;margin-top:18px;padding:16px;display:grid}.status-card--waiting{background:linear-gradient(135deg,#ff84681a,#ffffff08);border-color:#ff846847}.status-card--received{background:linear-gradient(135deg,#ff6a431f,#ffffff08);border-color:#ff6a434d}.status-icon{color:#ffd8cf;background:linear-gradient(135deg,#ff6a434d,#e1482e29);border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:900;display:grid}.status-card strong{color:var(--text);margin-bottom:3px;display:block}.status-card p{color:var(--muted);font-size:.95rem}.error-banner{color:var(--danger);background:#ff6d631a;border:1px solid #ff6d634d;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:.92rem;font-weight:700}.otp-panel{border:1px dashed var(--border-strong);background:linear-gradient(135deg,#1c1212f2,#221010eb),radial-gradient(circle at 100%,#ff5a3d24,#0000 30%);border-radius:18px;gap:12px;min-height:118px;margin-top:18px;padding:18px;display:grid}.otp-panel--ready{border-style:solid;border-color:#ff6a4359;box-shadow:inset 0 0 0 1px #ff6a4314}.otp-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.otp-code{min-width:0;color:var(--text);font-family:var(--mono);letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums;text-shadow:0 0 24px #ff5e402e;flex:240px;font-size:clamp(2rem,9vw,3.4rem);font-weight:900;line-height:1}.copy-button{color:#ffd5cd;background:#ffffff0a;border:1px solid #ff6a4352;flex:none;min-width:92px;margin-left:auto;padding:0 16px}@media (width<=900px){.app-shell{padding:18px}.hero-panel{min-height:calc(100svh - 36px);padding:22px}.brand-row{margin-bottom:34px}.hero-grid{grid-template-columns:1fr;gap:28px}h1{max-width:11ch;font-size:3.6rem}.signal-strip{grid-template-columns:1fr;margin-top:26px}.signal-strip>div{min-height:auto}}@media (width<=560px){.app-shell{padding:0}.hero-panel{border:0;border-radius:0;min-height:100svh;padding:18px}.brand-row{margin-bottom:28px}.eyebrow{font-size:.72rem}#app-title{display:none}.intro{max-width:none}h1{max-width:10ch;font-size:2.65rem}.lede{margin-top:10px;font-size:1rem}.listener-card{padding:16px}.card-heading,.button-row{grid-template-columns:1fr}.card-heading{display:grid}.status-pill{justify-self:start}.secondary-button,.copy-button{width:100%}}