:root{
  --black:#030303;
  --black-2:#08090b;
  --panel:rgba(17,17,17,.72);
  --gold:#f5b301;
  --gold-2:#ffd76a;
  --text:#fff;
  --muted:#c8c8c8;
  --line:rgba(245,179,1,.28);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--black);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(50% + var(--mx,0px)) calc(12% + var(--my,0px)), rgba(245,179,1,.12), transparent 26rem),
    radial-gradient(circle at 20% 70%, rgba(245,179,1,.08), transparent 25rem),
    linear-gradient(180deg,#050505,#000);
  z-index:-5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 40px)); margin-inline:auto}
.gold{color:var(--gold)}
.site-header{
  position:fixed;
  z-index:100;
  top:0;left:0;right:0;
  background:rgba(3,3,3,.78);
  border-bottom:1px solid rgba(245,179,1,.18);
  backdrop-filter: blur(14px);
}
.nav{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;align-items:center;gap:12px;
  min-width:245px;
}
.brand img{width:236px;height:auto;filter:drop-shadow(0 0 12px rgba(245,179,1,.14))}
.nav-links{
  display:flex;align-items:center;gap:34px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nav-links a{opacity:.9}
.nav-links a:hover{color:var(--gold)}
.nav-actions{display:flex;align-items:center;gap:14px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  padding:0 28px;
  border-radius:7px;
  border:1px solid var(--line);
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  transition:.25s ease;
  cursor:pointer;
  background:rgba(0,0,0,.5);
}
.btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 0 26px rgba(245,179,1,.18)}
.btn-primary{
  background:linear-gradient(135deg,#ffe58a 0%,#f5b301 42%,#a86b00 100%);
  color:#0b0700;
  border-color:rgba(255,222,121,.9);
  box-shadow:0 0 32px rgba(245,179,1,.22), inset 0 1px 0 rgba(255,255,255,.55);
}
.btn-outline{color:#fff;background:rgba(0,0,0,.2);border-color:rgba(245,179,1,.78)}
.arrow{font-size:20px;line-height:1;color:currentColor}

.hero{
  min-height:760px;
  padding:126px 0 74px;
  position:relative;
  display:grid;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.96)),
    url('../img/hero-rings.svg') center top/cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 24%, rgba(245,179,1,.16), transparent 25rem),
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.08), transparent 12rem);
  z-index:-2;
}
.orbit{
  position:absolute;
  left:50%;top:47%;
  width:min(860px,90vw);aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(245,179,1,.22);
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
.orbit::before,.orbit::after{content:"";position:absolute;inset:9%;border:1px solid rgba(245,179,1,.14);border-radius:50%}
.orbit::after{inset:18%;opacity:.8}
.orbit-dot{
  --angle:25deg;
  position:absolute;
  left:50%;top:50%;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 26px 8px rgba(245,179,1,.55);
  transform:rotate(var(--angle)) translateX(calc(min(860px,90vw)/2)) rotate(calc(-1 * var(--angle)));
  transition:transform .06s linear;
}
.particles{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;
  background-image:
    radial-gradient(circle,#f5b301 0 1px,transparent 1.5px),
    radial-gradient(circle,#fff 0 .7px,transparent 1px);
  background-size:120px 120px, 180px 180px;
  background-position:0 0, 60px 40px;
  opacity:.24;
  transform:translate3d(calc(var(--mx,0px) * -.03), calc(var(--my,0px) * -.02), 0);
}
.hero-inner{text-align:center;max-width:850px;margin-inline:auto}
.hero-badge{
  width:min(560px,92vw);
  margin:0 auto 30px;
  filter:drop-shadow(0 0 36px rgba(245,179,1,.28));
  transform:translate3d(calc(var(--mx,0px) * .012), calc(var(--my,0px) * .012), 0);
  transition:transform .08s linear;
}
.hero h1{
  font-family:Sora,Inter,sans-serif;
  font-size:clamp(42px,6.4vw,78px);
  line-height:.98;
  margin:0 0 22px;
  text-transform:uppercase;
  letter-spacing:-.055em;
}
.hero p{max-width:740px;margin:0 auto 16px;color:#ededed;font-size:18px;line-height:1.55}
.hero .sub{color:#d3d3d3;font-size:17px}
.hero-actions{margin-top:30px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.invite-note{margin-top:22px;color:var(--gold);font-size:14px;display:flex;gap:8px;justify-content:center;align-items:center}

.section{position:relative;padding:76px 0;border-top:1px solid rgba(245,179,1,.12)}
.section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%, rgba(245,179,1,.08), transparent 32rem)}
.section-head{text-align:center;max-width:790px;margin:0 auto 42px;position:relative;z-index:2}
.section-head h2{
  font-family:Sora,Inter,sans-serif;
  text-transform:uppercase;
  font-size:clamp(26px,3.2vw,42px);
  line-height:1.08;
  letter-spacing:-.035em;
  margin:0 0 18px;
}
.section-head h2::after{content:"";display:block;width:76px;height:3px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.section-head p{color:var(--muted);line-height:1.6;margin:0;font-size:17px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:2}
.cards.five{grid-template-columns:repeat(5,1fr)}
.card{
  position:relative;
  min-height:240px;
  padding:32px 25px 28px;
  border:1px solid rgba(245,179,1,.30);
  border-radius:10px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    radial-gradient(circle at var(--card-x,50%) var(--card-y,0%), rgba(245,179,1,.15), transparent 18rem),
    var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 40px rgba(0,0,0,.42);
  overflow:hidden;
  transition:.3s ease;
}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent, rgba(255,255,255,.08), transparent);transform:translateX(-120%);transition:.6s ease}
.card:hover{transform:translateY(-7px);border-color:rgba(245,179,1,.78);box-shadow:0 0 34px rgba(245,179,1,.14),0 24px 60px rgba(0,0,0,.6)}
.card:hover::before{transform:translateX(120%)}
.card-icon{width:58px;height:58px;margin:0 auto 22px;filter:drop-shadow(0 0 12px rgba(245,179,1,.34))}
.card h3{text-align:center;text-transform:uppercase;font-size:17px;line-height:1.15;margin:0 0 16px}
.card p{text-align:center;color:#d6d6d6;line-height:1.55;margin:0;font-size:15px}
.card .mini-btn{
  margin:22px auto 0;height:34px;width:100%;max-width:170px;border:1px solid rgba(245,179,1,.7);border-radius:5px;
  display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:12px;font-weight:850;text-transform:uppercase;transition:.25s
}
.card .mini-btn:hover{background:rgba(245,179,1,.13)}
.wave-section{background:radial-gradient(circle at 15% 20%, rgba(245,179,1,.08), transparent 26rem),linear-gradient(180deg, #030303, #060606 44%, #020202)}
.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:stretch}
.compliance-item{display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:center;border-right:1px solid rgba(245,179,1,.2);padding-right:24px}
.compliance-item:last-child{border-right:0}
.compliance-item img{width:62px;filter:drop-shadow(0 0 12px rgba(245,179,1,.35))}
.compliance-item h3{margin:0 0 8px;text-transform:uppercase;font-size:18px}
.compliance-item p{margin:0;color:#d5d5d5;line-height:1.55}
.contact-band{background:radial-gradient(circle at 50% 0, rgba(245,179,1,.12), transparent 28rem),linear-gradient(180deg,#090806,#040404)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.contact-card{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:16px 10px;border-right:1px solid rgba(245,179,1,.2)}
.contact-card:last-child{border-right:0}
.contact-card img{width:55px}
.contact-card h3{margin:0 0 8px;text-transform:uppercase;font-size:16px}
.contact-card a{color:var(--gold);font-weight:700}
.footer{border-top:1px solid rgba(245,179,1,.17);background:#020202;padding:24px 0 18px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-logo{width:230px;filter:drop-shadow(0 0 12px rgba(245,179,1,.14))}
.footer-links{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;color:#cfcfcf;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.footer-links a:hover{color:var(--gold)}
.social{display:flex;gap:12px}
.social a{width:38px;height:38px;border:1px solid rgba(245,179,1,.44);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:900}
.copy{text-align:center;color:#777;font-size:12px;margin-top:18px}
.scroll-dots{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:14px}
.scroll-dots a{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.15)}
.scroll-dots a.active,.scroll-dots a:hover{background:var(--gold);box-shadow:0 0 14px rgba(245,179,1,.7)}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}
.reveal.visible{opacity:1;transform:none}

.legal-page{padding:150px 0 80px;background:linear-gradient(180deg,#060606,#000)}
.legal-box{max-width:920px;margin:auto;border:1px solid rgba(245,179,1,.24);border-radius:16px;background:rgba(255,255,255,.035);padding:42px}
.legal-box h1{font-family:Sora,Inter,sans-serif;text-transform:uppercase;font-size:42px;margin:0 0 18px}
.legal-box h2{color:var(--gold);margin-top:34px}
.legal-box p,.legal-box li{color:#d2d2d2;line-height:1.7}
.legal-box a{color:var(--gold)}
@media (max-width:1050px){
  .nav-links{display:none}
  .brand img{width:210px}
  .cards,.cards.five{grid-template-columns:repeat(2,1fr)}
  .compliance-grid,.contact-grid{grid-template-columns:1fr}
  .compliance-item,.contact-card{border-right:0;border-bottom:1px solid rgba(245,179,1,.16);padding-bottom:22px}
  .scroll-dots{display:none}
}
@media (max-width:720px){
  .container{width:min(100% - 28px, var(--max))}
  .site-header{position:sticky}
  .nav{height:auto;padding:14px 0;align-items:flex-start}
  .brand img{width:185px}
  .nav-actions{display:none}
  .hero{min-height:auto;padding:64px 0 58px}
  .hero-badge{width:min(430px,100%)}
  .hero p{font-size:16px}
  .hero-actions{gap:12px}
  .btn{width:100%;max-width:320px}
  .cards,.cards.five{grid-template-columns:1fr}
  .card{min-height:auto}
  .footer-top{flex-direction:column}
  .footer-links{gap:16px}
  .legal-box{padding:28px}
  .legal-box h1{font-size:32px}
}