:root{--ink-0:oklch(100% 0 0);--ink-50:oklch(98.5% 0 0);--ink-100:oklch(97% 0 0);--ink-150:oklch(95.5% 0 0);--ink-200:oklch(92.5% 0 0);--ink-300:oklch(86% 0 0);--ink-400:oklch(74% 0 0);--ink-500:oklch(62% 0 0);--ink-600:oklch(48% 0 0);--ink-700:oklch(34% 0 0);--ink-800:oklch(22% 0 0);--ink-900:oklch(12% 0 0);--brand-400:#9d7bfb;--brand-500:#6e3ff5;--brand-600:#5a2bdf;--brand-700:#4417b4;--brand-soft:#6e3ff51a;--brand-subtle:#6e3ff50d;--brand-ring:#6e3ff54d;--promo-1:#7d1ab8;--promo-2:#7032f3;--promo-3:#0a7bff;--promo-4:#5fa3f0;--gradient-promo:linear-gradient(90deg, #7d1ab8 0%, #7032f3 38%, #0a7bff 78%, #5fa3f0 100%);--gradient-fantasy:linear-gradient(135deg, #9c93ff 0%, #4e04ec 100%);--gradient-vibrant:linear-gradient(135deg, #1fa6f7 0%, #0a3cdf 100%);--success-500:#12935a;--success-soft:#12935a1a;--warning-500:#c77a11;--warning-soft:#c77a111a;--danger-500:#d93232;--danger-soft:#d932321a;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.02em;--tracking-normal:-.01em;--tracking-wide:.02em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px #140e320f;--shadow-sm:0 2px 6px #140e3214;--shadow-md:0 10px 24px -6px #140e321f;--shadow-lg:0 24px 48px -12px #140e322e;--shadow-promo:0 12px 28px -8px #6e3ff573;--shadow-inner:inset 0 1px 0 #ffffff40;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-snap:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s}.t-display{font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.t-h1{font-family:var(--font-sans);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:700;line-height:var(--leading-tight)}.t-h2{font-family:var(--font-sans);font-size:var(--text-xl);letter-spacing:var(--tracking-normal);font-weight:600}.t-h3{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600}.t-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500}.t-body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal)}.t-caption{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--ink-500);font-weight:400}.t-overline{font-family:var(--font-sans);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:11px;font-weight:600}.t-money{font-variant-numeric:tabular-nums;font-weight:700}.t-code{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.t-promo{background:var(--gradient-promo);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}:root{color:var(--ink-900);background:var(--ink-0);font-family:var(--font-sans);line-height:var(--leading-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;--app-shell-max-width:560px;--app-shell-padding-inline:var(--space-4);--app-shell-padding-block-start:var(--space-6);--app-shell-padding-block-end:var(--space-10);font-weight:400}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100svh}body{margin:0}button,input,textarea,select{font:inherit}#root{width:100%;max-width:var(--app-shell-max-width);margin-inline:auto}.app-shell{width:min(100%, var(--app-shell-max-width));min-height:100svh;padding:var(--app-shell-padding-block-start) var(--app-shell-padding-inline) var(--app-shell-padding-block-end);margin:0 auto}:root{--app-shell-max-width:560px;--app-shell-padding-inline:18px;--app-shell-padding-block-start:24px;--app-shell-padding-block-end:40px;color:#e2e8f0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;background:radial-gradient(circle at top,#38bdf847,#0000 36%),linear-gradient(#08111f 0%,#0f172a 38%,#111827 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}.app-shell{align-content:start;display:grid}.hero,.panel,.status-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #94a3b829;box-shadow:0 24px 80px #02061759}.hero{border-radius:28px;padding:28px;position:relative;overflow:hidden}.hero:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#0ea5e96b,#0000 68%);border-radius:999px;position:absolute;inset:auto -12% -42% 42%}.eyebrow{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;background:#0ea5e924;border-radius:999px;padding:6px 12px;font-size:.78rem;display:inline-flex}.hero h1{color:#f8fafc;margin:16px 0 10px;font-size:clamp(2rem,8vw,3rem);line-height:.95}.hero-copy{color:#cbd5e1;max-width:32rem;margin:0;font-size:1rem}.hero-pills{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-pills span{color:#e0f2fe;background:#f8fafc14;border-radius:999px;padding:10px 14px;font-size:.9rem}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.status-card{border-radius:20px;padding:16px}.status-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.78rem;display:block}.status-value{color:#f8fafc;font-size:.98rem;display:block}.panel{border-radius:24px;margin-top:16px;padding:22px 20px}.panel h2{color:#f8fafc;margin:0 0 14px;font-size:1.05rem}.panel-muted{background:#0f172a8c}.checklist{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checklist li{color:#cbd5e1;grid-template-columns:14px 1fr;align-items:start;gap:12px;display:grid}.checklist li:before{content:"";background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border-radius:999px;width:14px;height:14px;margin-top:4px;box-shadow:0 0 0 4px #38bdf81f}@media (width<=560px){.status-grid{grid-template-columns:1fr}.hero{padding:24px 22px}}
