:root{--bg:#0b0b0f;--fg:#f7f7fb;--gold:#ffd56a;--gold2:#ffb703;--accent:#ff2d55}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:'Rubik',sans-serif}
.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;z-index:1000;background:rgba(10,10,15,.55);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav__brand{font-weight:900;letter-spacing:.5px}.nav a{color:#cfcfe6;text-decoration:none;margin-left:16px;font-weight:600}.nav a:hover{color:#fff}
.hero{position:relative;min-height:88vh;display:grid;place-items:center;text-align:center;padding-top:64px;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:radial-gradient(1200px 400px at 50% 20%,rgba(255,213,106,.25),transparent 60%),radial-gradient(800px 300px at 80% 70%,rgba(255,45,85,.25),transparent 60%);background-size:cover;background-position:center;filter:contrast(120%) brightness(80%) saturate(120%);opacity:.28}
.hero__content{position:relative;z-index:2}.hero__logo{width:140px;height:140px;border-radius:999px;box-shadow:0 0 40px rgba(255,213,106,.35);margin-bottom:14px}
.hero h1{font-family:'Montserrat',sans-serif;font-size:44px;margin:0 0 6px;font-weight:900;letter-spacing:.5px}.hero h1 span{color:var(--gold2)}.tagline{opacity:.9;margin:8px 0 18px;font-size:18px}
.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:999px;border:2px solid transparent;font-weight:800;letter-spacing:.3px;text-decoration:none;display:inline-block}
.btn--primary{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#161616;box-shadow:0 10px 28px rgba(255,213,106,.35)}.btn--primary:hover{transform:translateY(-1px)}
.btn--ghost{border-color:#ffffff33;color:#fff}.btn--ghost:hover{background:#ffffff12}
.coming{position:absolute;bottom:40px;width:100%;display:flex;justify-content:center;z-index:2}.badge{padding:10px 16px;border-radius:999px;border:1px solid #ffffff22;background:#0b0b0fcc;color:var(--gold);font-weight:800;letter-spacing:.4px}
.scroll-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#ffffff77;text-decoration:none;font-size:22px}
.section{padding:72px 18px}.section--light{background:#0f0f15}.section--dark{background:#0b0b0f;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.container{max-width:1000px;margin:0 auto}
h2{font-family:'Montserrat',sans-serif;font-weight:900;letter-spacing:.5px;margin:0 0 22px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.step{background:#0f0f15;border:1px solid #ffffff12;border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.step__num{font-weight:900;color:var(--gold2);opacity:.9;margin-bottom:6px}
.footer{padding:40px 18px;background:#0b0b0f;border-top:1px solid #ffffff12}.footer p{margin:8px 0;color:#cfcfe6;font-size:14px}
@media (max-width:520px){.hero h1{font-size:32px}}