:root{color-scheme:dark;--bg: #050505;--fg: #f2f2f2;--muted: #8a8a8a;--accent: #ff5a1f}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Inter,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.canvas-root{position:fixed;inset:0}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;padding:clamp(20px,4vw,48px);z-index:2}.brand{position:fixed;top:clamp(20px,4vw,36px);left:clamp(20px,4vw,36px);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);opacity:.85}.hero{pointer-events:auto;max-width:540px;background:linear-gradient(180deg,#0000,#0000008c);padding:28px 28px 24px;border-radius:16px;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.06)}.hero h1{font-size:clamp(28px,4.5vw,44px);line-height:1.05;margin:0 0 8px;font-weight:700;letter-spacing:-.02em}.hero p{color:var(--muted);margin:0 0 18px;font-size:15px;line-height:1.5}.form-row{display:flex;gap:8px;flex-wrap:wrap}.form-row input[type=email]{flex:1 1 220px;min-width:0;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--fg);font-size:15px;outline:none;transition:border-color .12s ease}.form-row input[type=email]:focus{border-color:var(--accent)}.btn{padding:12px 18px;border-radius:10px;border:0;font-size:15px;font-weight:600;cursor:pointer;transition:transform 80ms ease,opacity .12s ease}.btn-primary{background:var(--accent);color:#0a0a0a}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:progress}.btn-secondary{background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.18);margin-left:8px;text-decoration:none;display:inline-flex;align-items:center}.status{margin-top:10px;font-size:13px;min-height:18px;color:var(--muted)}.status.success{color:#6cf08a}.status.error{color:#ff7a7a}.frunk-toggle{margin-top:14px;background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .12s ease,color .12s ease}.frunk-toggle:hover{color:var(--fg);border-color:#ffffff47}.hint{position:fixed;bottom:clamp(20px,4vw,32px);right:clamp(20px,4vw,32px);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);pointer-events:none;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.95}}.credit{position:fixed;bottom:8px;left:50%;transform:translate(-50%);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.7;z-index:2;pointer-events:auto}.credit a{color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1px;transition:border-color .12s ease}.credit a:hover{border-bottom-color:var(--accent)}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;z-index:3}