:root{--bg:#0f0a1a;--bg-raised:#1c1330;--text:#f4eefc;--text-dim:#b9a9d6;--pink:#ff3ea5;--purple:#9b5cff;--cyan:#33e6d8;--gold:#ffd166;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font:18px/1.45 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}h1,h2{font-family:var(--sans);color:var(--text);margin:0}p{color:var(--text-dim);margin:0}#root{background:radial-gradient(560px circle at 12% 8%, color-mix(in srgb, var(--pink) 30%, transparent), transparent 65%), radial-gradient(620px circle at 92% 15%, color-mix(in srgb, var(--cyan) 26%, transparent), transparent 65%), radial-gradient(640px circle at 50% 105%, color-mix(in srgb, var(--purple) 34%, transparent), transparent 65%), var(--bg)}#root:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 10% 20%, var(--gold) 100%, transparent), radial-gradient(2px 2px at 25% 65%, var(--pink) 100%, transparent), radial-gradient(3px 3px at 40% 30%, var(--cyan) 100%, transparent), radial-gradient(2px 2px at 60% 80%, var(--purple) 100%, transparent), radial-gradient(2px 2px at 75% 25%, var(--gold) 100%, transparent), radial-gradient(3px 3px at 88% 60%, var(--pink) 100%, transparent), radial-gradient(2px 2px at 92% 90%, var(--cyan) 100%, transparent), radial-gradient(2px 2px at 15% 90%, var(--purple) 100%, transparent);position:absolute;inset:0}.page{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:64px;max-width:720px;margin:0 auto;padding:24px;display:flex;position:relative}.hero{flex-direction:column;align-items:center;gap:16px;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--gold) 35%, transparent);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.hero h1{letter-spacing:-.02em;background:linear-gradient(90deg, var(--pink), var(--purple) 55%, var(--cyan));color:#0000;filter:drop-shadow(0 0 26px color-mix(in srgb, var(--purple) 55%, transparent));-webkit-background-clip:text;background-clip:text;font-size:68px;font-weight:800}.hero h1 .dot{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--gold)}.tagline{max-width:46ch;font-size:19px}.steps{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}.step{background:color-mix(in srgb, var(--bg-raised) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--text) 12%, transparent);border-top:3px solid var(--step-color,var(--pink));border-radius:14px;flex-direction:column;gap:8px;padding:24px 20px;display:flex}.step:first-child{--step-color:var(--pink)}.step:nth-child(2){--step-color:var(--cyan)}.step:nth-child(3){--step-color:var(--purple)}.step h2{font-size:17px}.step p{font-size:15px;line-height:1.5}.footer p{color:var(--text-dim);font-style:italic}@media (width<=640px){.hero h1{font-size:46px}.steps{grid-template-columns:1fr}}