@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";

:root{--ink-1000:#06040f;--ink-950:#0a0718;--ink-900:#0e0a20;--ink-850:#130e2a;--ink-800:#191235;--ink-750:#1f1742;--ink-700:#271e50;--ink-650:#302660;--ink-600:#3b3074;--ink-500:#4d4192;--ink-400:#695daa;--ink-300:#918abe;--ink-200:#bfb9dd;--ink-100:#e3e0f4;--ink-50:#f5f4fc;--cyan-200:#b5f4ff;--cyan-300:#7debff;--cyan-400:#38dcf5;--cyan-500:#1ac6e8;--cyan-600:#0fa3c2;--cyan-700:#0b7e97;--violet-200:#ddd2ff;--violet-300:#bba6ff;--violet-400:#9b7dff;--violet-500:#7c5cfc;--violet-600:#6440e6;--violet-700:#4e2fbe;--blue-400:#6ca0ff;--blue-500:#4d82f0;--green-400:#4be3a8;--green-500:#22c98a;--green-600:#16a06c;--red-400:#ff7a8c;--red-500:#f4495f;--red-600:#d62e45;--amber-400:#ffcb57;--amber-500:#f5a623;--bg-base:var(--ink-950);--bg-deep:var(--ink-1000);--surface-1:var(--ink-850);--surface-2:var(--ink-800);--surface-3:var(--ink-750);--surface-raised:var(--ink-700);--text-1:#f5f8ff;--text-2:#c8d0e6;--text-3:#8a93b2;--text-4:#5c6786;--text-on-brand:#04121a;--brand:var(--cyan-500);--brand-strong:var(--cyan-400);--brand-2:var(--violet-500);--brand-2-strong:var(--violet-400);--success:var(--green-500);--danger:var(--red-500);--warning:var(--amber-500);--info:var(--cyan-500);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--border-brand:#22d3ee73;--glass-fill:#ffffff0b;--glass-fill-2:#ffffff12;--glass-border:#ffffff1f;--tint-cyan:#1ac6e824;--tint-violet:#7c5cfc29;--tint-success:#22c98a26;--tint-danger:#f4495f26;--tint-warning:#f5a62329}[data-theme=light]{--bg-base:#edf1fb;--bg-deep:#e3e8f5;--surface-1:#fff;--surface-2:#f6f8fe;--surface-3:#eef2fb;--surface-raised:#fff;--text-1:#0b1322;--text-2:#2b3650;--text-3:#5c6886;--text-4:#95a0b8;--text-on-brand:#04121a;--border-subtle:#0d142612;--border-default:#0d14261f;--border-strong:#0d14262e;--border-brand:#0fa3c28c;--glass-fill:#ffffff8c;--glass-fill-2:#fffc;--glass-border:#0d14261a;--tint-cyan:#0fa3c21f;--tint-violet:#7c5cfc21;--tint-success:#16a06c21;--tint-danger:#d62e451f;--tint-warning:#f5a62329;--shadow-sm:0 1px 2px #141e3c14;--shadow-md:0 6px 18px #141e3c1a;--shadow-lg:0 18px 40px #141e3c24;--shadow-xl:0 28px 64px #141e3c2e;--shadow-card:0 8px 26px #141e3c1a;--grad-ambient:radial-gradient(60% 50% at 18% 0%, #1ac6e81f 0%, transparent 60%), radial-gradient(55% 45% at 92% 8%, #7c5cfc1f 0%, transparent 62%)}
:root{--grad-brand:linear-gradient(118deg, #38dcf5 0%, #4d82f0 48%, #9b7dff 100%);--grad-brand-v:linear-gradient(180deg, #38dcf5 0%, #7c5cfc 100%);--grad-brand-soft:linear-gradient(118deg, #38dcf529 0%, #9b7dff29 100%);--grad-text:linear-gradient(100deg, #7debff 0%, #9b7dff 100%);--grad-ambient:radial-gradient(70% 55% at 15% 0%, #7c5cfc4d 0%, transparent 62%), radial-gradient(60% 50% at 92% 8%, #38dcf529 0%, transparent 60%), radial-gradient(55% 42% at 50% 100%, #7c5cfc29 0%, transparent 65%);--grad-sheen:linear-gradient(180deg, #ffffff14 0%, #fff0 32%);--grad-facet:linear-gradient(150deg, #b5f4ff 0%, #38dcf5 30%, #6ca0ff 62%, #9b7dff 100%)}
:root{--font-display:"Space Grotesk", "Manrope", system-ui, sans-serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num:"Space Grotesk", "Manrope", system-ui, sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-display:clamp(2.4rem, 7vw, 3.4rem);--text-h1:clamp(1.9rem, 5.2vw, 2.5rem);--text-h2:clamp(1.45rem, 3.6vw, 1.85rem);--text-h3:1.25rem;--text-title:1.0625rem;--text-body:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.6875rem;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.45;--lh-relaxed:1.6;--ls-tight:-.02em;--ls-display:-.03em;--ls-normal:0;--ls-wide:.04em;--ls-overline:.14em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--container-max:1120px;--container-mobile:460px;--gutter:20px;--gutter-lg:40px;--control-sm:38px;--control-md:48px;--control-lg:56px}
:root{--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 18px #02050e73;--shadow-lg:0 18px 44px #02050e8c;--shadow-xl:0 30px 70px #02050e9e;--shadow-card:0 10px 34px #00000061;--glow-cyan:0 0 0 1px #38dcf54d, 0 8px 34px #1ac6e861;--glow-violet:0 0 0 1px #9b7dff4d, 0 8px 34px #7c5cfc66;--glow-brand:0 10px 36px #2e96e673;--glow-soft:0 0 28px #38dcf538;--inset-top:inset 0 1px 0 #ffffff14;--blur-glass:14px;--blur-strong:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.4s}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-normal);color:var(--text-2);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-1);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0}p{margin:0}a{color:var(--brand-strong);text-decoration:none}button{font-family:inherit}::selection{color:#fff;background:#38dcf54d}.prizma-grad-text{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.prizma-overline{font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-3)}
input:-webkit-autofill{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1);transition:background-color 100000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1);transition:background-color 100000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1);transition:background-color 100000s ease-in-out}input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1);transition:background-color 100000s ease-in-out}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1);transition:background-color 100000s ease-in-out}select:-webkit-autofill{-webkit-text-fill-color:var(--text-1);-webkit-box-shadow:0 0 0 1000px var(--surface-2) inset;box-shadow:0 0 0 1000px var(--surface-2) inset;caret-color:var(--text-1);transition:background-color 100000s ease-in-out}html,body{height:100%;margin:0}body{background:var(--bg-deep);min-height:100dvh;font-family:var(--font-body);background-image:radial-gradient(70% 50% at 15% 0,#7c5cfc2e 0%,#0000 60%),radial-gradient(60% 50% at 95% 10%,#38dcf51a 0%,#0000 62%),radial-gradient(50% 40% at 50% 100%,#7c5cfc1f 0%,#0000 65%)}.device{background:var(--bg-base);border:1px solid var(--border-strong);width:100%;max-width:440px;height:min(880px,94vh);box-shadow:var(--shadow-xl), inset 0 1px 0 #ffffff0f;border-radius:40px;flex-direction:column;margin:24px auto;display:flex;position:relative;overflow:hidden}.screen{scroll-behavior:smooth;flex:1;overflow:hidden auto}.screen::-webkit-scrollbar{width:0}@media (max-width:480px){.device{max-width:none;height:100dvh;box-shadow:none;border:none;border-radius:0;margin:0}}.store-stage{display:block}.store-aside{display:none}@media (min-width:1024px){.store-stage{background:radial-gradient(circle at 22% 28%, #2e96e629, transparent 42%), radial-gradient(circle at 80% 72%, #7c5cfc29, transparent 42%), var(--bg-base);justify-content:center;align-items:center;gap:56px;min-height:100dvh;padding:32px;display:flex}.store-stage .device{flex-shrink:0;margin:0}.store-aside{max-width:420px;font-family:var(--font-body);flex-shrink:0;display:block}}
