*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;background:#0a0812;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}

.stars-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(120,60,220,.18) 0%,transparent 70%),
             radial-gradient(ellipse 40% 30% at 20% 80%,rgba(255,180,0,.08) 0%,transparent 60%),#0a0812}
.stars-bg::before{content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:120px 80px,60px 60px;background-position:0 0,30px 30px;opacity:.35}

.wrap{position:relative;z-index:5;max-width:820px;margin:0 auto;padding:0 20px}

.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:#ffd23c;color:#0a0812;font:700 14px 'Manrope';padding:10px 18px;border-radius:10px;text-decoration:none}
.skip-link:focus{left:12px}

/* main */
.landing-main{position:relative;z-index:5;padding:8px 0 56px}
.landing-breadcrumbs{font-size:13px;color:rgba(255,255,255,.45);margin-bottom:20px}
.landing-breadcrumbs a{color:rgba(255,255,255,.6);text-decoration:none}
.landing-breadcrumbs a:hover{color:#ffd23c}
.landing-breadcrumbs .sep{margin:0 8px}

.landing-article{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px 26px 32px;margin-bottom:24px}
.landing-article h1{font-family:'Manrope',sans-serif;font-size:clamp(26px,4.5vw,38px);font-weight:900;line-height:1.12;margin-bottom:22px;text-shadow:0 0 30px rgba(255,210,60,.25)}
.landing-body{font-size:16px;line-height:1.7;color:rgba(255,255,255,.82)}
.landing-body h2{font-family:'Manrope',sans-serif;font-size:22px;font-weight:800;color:#fff;margin:28px 0 12px}
.landing-body h3{font-size:18px;font-weight:700;color:#fff;margin:22px 0 10px}
.landing-body p{margin-bottom:14px}
.landing-body ul,.landing-body ol{margin:0 0 16px 22px}
.landing-body li{margin-bottom:8px}
.landing-body a{color:#ffd23c;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,210,60,.35)}
.landing-body a:hover{color:#fff;border-bottom-color:#fff}
.landing-body code{font-size:.9em;background:rgba(255,255,255,.08);padding:2px 7px;border-radius:6px}
.landing-stub{padding:14px 16px;border-radius:12px;background:rgba(255,210,60,.08);border:1px dashed rgba(255,210,60,.35);color:rgba(255,255,255,.75);font-size:15px}

/* CTA */
.landing-cta{text-align:center;background:linear-gradient(145deg,rgba(255,210,60,.08),rgba(255,140,0,.05));border:1px solid rgba(255,210,60,.25);border-radius:20px;padding:28px 24px 32px}
.landing-cta h2{font-family:'Manrope',sans-serif;font-size:22px;font-weight:900;margin-bottom:8px}
.landing-cta p{font-size:15px;color:rgba(255,255,255,.65);margin-bottom:20px}
.landing-cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.landing-btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:14px 22px;border-radius:13px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}
.landing-btn:hover{transform:translateY(-1px)}
.landing-btn-primary{background:linear-gradient(135deg,#ffd23c,#ff8c00);color:#0a0812;box-shadow:0 4px 20px rgba(255,140,0,.35)}
.landing-btn-secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.15)}

@media(max-width:600px){
  .landing-article{padding:22px 18px 26px}
  .landing-btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;transition-duration:.05s!important}
}

#particles{display:none}