:root{color-scheme:dark;--bg: #141210;--surface: #1c1814;--surface-raised: #221d18;--surface-sunken: #0e0c0a;--border: rgba(243, 237, 228, .1);--border-strong: rgba(243, 237, 228, .18);--ink: #f3ede4;--muted: #9c9388;--faint: #6b6459;--accent: #ff5a1f;--accent-dim: #b8431c;--accent-ink: #141210;--live: #ff5a1f;--glow-x: 50%;--glow-y: 30%}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--ink);font-family:Inter,-apple-system,system-ui,sans-serif;font-size:16px;line-height:1.6}.page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/></svg>")}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(600px circle at var(--glow-x) var(--glow-y),rgba(255,90,31,.06),transparent 70%);z-index:0}@media(prefers-reduced-motion:reduce){.ambient-glow{display:none}}.panel{position:relative;z-index:1;width:100%;max-width:460px;background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 40px}.spotlight{background-image:radial-gradient(360px circle at var(--glow-x) var(--glow-y),rgba(255,90,31,.08),transparent 65%)}@media(prefers-reduced-motion:reduce){.spotlight{background-image:none}}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.tick{display:inline-block;width:3px;height:14px;background-color:var(--accent);border-radius:1px}h1{margin:0 0 16px;font-family:Fraunces,ui-serif,Georgia,Times New Roman,serif;font-optical-sizing:auto;font-weight:500;font-size:clamp(1.9rem,5vw,2.4rem);line-height:1.1;letter-spacing:-.01em}.body-copy{margin:0 0 32px;color:var(--muted);font-size:15px;line-height:1.6}form{display:flex;flex-direction:column}.field-label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;color:var(--faint);margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em}input{background-color:var(--surface-sunken);color:var(--ink);border:1px solid var(--border-strong);padding:12px 14px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;transition:border-color .15s ease}input::placeholder{color:var(--faint)}input:focus{outline:none;border-color:var(--accent)}.hint{margin-top:8px;font-size:13px;color:var(--faint)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;background-color:var(--accent);color:var(--accent-ink);border:none;padding:12px 22px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color .15s ease}.btn-primary:hover:not(:disabled){background-color:#ff7440}.btn-primary:active:not(:disabled){background-color:var(--accent-dim)}.btn-primary:disabled{opacity:.6;cursor:default}.arrow{display:inline-block;transition:transform .15s ease}.btn-primary:hover:not(:disabled) .arrow{transform:translate(3px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--ink);border:1px solid var(--border-strong);padding:8px 16px;border-radius:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;margin-left:auto;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.btn-ghost:hover{border-color:var(--accent);background-color:var(--surface-raised)}.result-row{display:flex;align-items:center;gap:10px;margin-top:24px;padding:20px 0 0;border-top:1px solid var(--border)}.result-text{font-size:14px;color:var(--muted)}.result-success .result-text{color:var(--ink)}.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:9999px}.dot-live{background-color:var(--live);box-shadow:0 0 8px #ff5a1fb3}.dot-error{background-color:var(--accent-dim)}
