:root{
  --bg:#050407; --bg2:#0d0810; --panel:rgba(10,10,13,.70);
  --gold:#d9a321; --gold2:#ffe39a; --red:#d21d27; --purple:#8e36ff;
  --text:#fff8e8; --muted:#c9bdd0; --line:rgba(255,216,112,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--text); background:var(--bg);
  font-family:Arial, Helvetica, sans-serif; overflow-x:hidden;
}
body:before{
  content:""; position:fixed; inset:0; z-index:-3;
  background:url('assets/prestige-bg.webp') center/cover no-repeat;
  opacity:.22;
}
body:after{
  content:""; position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(circle at 20% 10%, rgba(142,54,255,.22), transparent 35%),
    radial-gradient(circle at 80% 15%, rgba(210,29,39,.20), transparent 35%),
    linear-gradient(to bottom, rgba(0,0,0,.45), #050407 70%);
}
.site-glow{position:fixed; inset:auto -20% -35% -20%; height:50vh; background:radial-gradient(circle, rgba(217,163,33,.15), transparent 60%); z-index:-1; pointer-events:none}
a{color:inherit; text-decoration:none}
.nav{
  position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between;
  padding:14px 34px; background:rgba(2,2,4,.74); backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex; align-items:center; gap:12px; font-weight:950; text-transform:uppercase; letter-spacing:1px}
.brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(217,163,33,.35))}
.nav nav{display:flex; align-items:center; gap:18px; font-weight:800; color:var(--muted)}
.nav nav a{font-size:14px}
.nav nav a:hover,.nav nav a.active{color:var(--gold2)}
.hamb{display:none;background:transparent;border:1px solid var(--line);color:var(--gold2);border-radius:10px;padding:9px 12px;font-size:22px}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 22px; border-radius:14px; font-weight:950; text-transform:uppercase; letter-spacing:.8px;
  background:linear-gradient(135deg,#ffef9d,#d59b18 45%,#8b4f00);
  color:#080808; border:1px solid rgba(255,239,160,.7); box-shadow:0 0 32px rgba(217,163,33,.26);
}
.btn.ghost{background:rgba(255,255,255,.04); color:var(--gold2); border:1px solid var(--line)}
.btn.mini{padding:10px 14px; font-size:12px; border-radius:10px}
.hero{min-height:94vh; position:relative; display:grid; place-items:center; text-align:center; overflow:hidden}
.hero-bg{position:absolute; inset:0; background:url('assets/prestige-bg.webp') center/cover no-repeat; opacity:.95; transform:scale(1.03)}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),#050407 94%), radial-gradient(circle at 50% 38%,rgba(142,54,255,.14),transparent 35%)}
.hero-content{position:relative; padding:90px 22px; max-width:1000px}
.hero-logo{width:min(360px,72vw); filter:drop-shadow(0 0 32px rgba(217,163,33,.42))}
.floating{animation:float 4s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.eyebrow{color:var(--gold2); text-transform:uppercase; font-weight:950; letter-spacing:2.8px}
h1{font-size:clamp(48px,9vw,118px); line-height:.86; margin:18px 0; text-transform:uppercase; text-shadow:0 5px 0 #000}
h2{font-size:clamp(34px,5vw,70px); line-height:.95; margin:12px 0 20px; text-transform:uppercase}
h3{color:var(--gold2); text-transform:uppercase; margin-bottom:10px}
.lead{font-size:clamp(18px,2.3vw,27px); max-width:830px; margin:auto; color:#fff; line-height:1.5}
.hero-actions,.social-row{display:flex; gap:15px; flex-wrap:wrap; justify-content:center; margin-top:30px}
main,.page{width:min(1480px,94vw); margin:auto}
.mission-panel,.page-hero,.section-head,.values{
  text-align:center; padding:75px 24px 40px;
}
.mission-panel{
  margin-top:30px; border:1px solid var(--line); border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
  box-shadow:0 0 50px rgba(0,0,0,.45);
}
.mission-panel p,.page-hero p,.section-head p,.values p, article p, .feature-glass p{color:var(--muted); line-height:1.7}
.mission-panel>p,.page-hero>p,.section-head>p{max-width:1000px;margin:0 auto 20px;font-size:18px}
.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:50px 0}
.portal-card{
  min-height:180px; border:1px solid var(--line); border-radius:24px; padding:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  display:flex; flex-direction:column; justify-content:center; box-shadow:0 0 35px rgba(0,0,0,.36);
  transition:.25s ease; position:relative; overflow:hidden;
}
.portal-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0%,rgba(217,163,33,.18),transparent 40%);opacity:.8}
.portal-card span{position:relative;color:var(--gold2);font-size:24px;font-weight:950;text-transform:uppercase}
.portal-card p{position:relative;color:var(--muted);line-height:1.55}
.portal-card:hover{transform:translateY(-7px);border-color:rgba(255,227,154,.72)}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0 80px;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.stats-strip div{text-align:center;padding:28px;background:rgba(255,255,255,.04)}
.stats-strip b{display:block;font-size:44px;color:var(--gold2)}
.stats-strip span{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}
.cards-3,.action-grid,.business-grid,.shop-grid{display:grid;gap:18px}
.cards-3{grid-template-columns:repeat(3,1fr);padding:25px 0 75px}
.action-grid{grid-template-columns:repeat(4,1fr);padding:20px 0 70px}
.business-grid{grid-template-columns:repeat(5,1fr);padding:20px 0 70px}
.shop-grid{grid-template-columns:repeat(3,1fr);padding:20px 0 80px}
article,.action-card,.business-box,.shop-card{
  border:1px solid var(--line); border-radius:22px; padding:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014));
  box-shadow:0 0 35px rgba(0,0,0,.30);
}
.action-card .btn{margin-top:10px}
.business-box p{font-size:14px}
.timeline{max-width:1050px;margin:0 auto 70px;border-left:2px solid var(--line);padding-left:28px}
.timeline article{margin:0 0 18px;position:relative}
.timeline article:before{content:"";position:absolute;left:-39px;top:25px;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px var(--gold)}
.timeline span{color:var(--red);font-weight:950;text-transform:uppercase}
.feature-glass{
  display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:center; margin:25px 0 80px;
  border:1px solid var(--line); border-radius:28px; padding:18px;
  background:rgba(8,8,12,.62); backdrop-filter:blur(10px);
}
.feature-glass img{width:100%;border-radius:20px;display:block}
.feature-glass div{padding:20px}
.feature-glass.detail{margin-top:70px}
.shop-card{overflow:hidden}
.shop-card img{width:100%;height:260px;object-fit:cover;border-radius:16px;margin-bottom:18px}
ul{padding-left:22px;color:var(--muted);line-height:1.8}
footer{text-align:center;padding:55px 20px;border-top:1px solid var(--line);background:rgba(0,0,0,.42)}
footer img{width:120px;filter:drop-shadow(0 0 18px rgba(217,163,33,.34))}
.footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.footer-links a{color:var(--gold2);font-weight:900}
.reveal{opacity:0; transform:translateY(18px); transition:.7s ease}
.reveal.show{opacity:1; transform:translateY(0)}
@media(max-width:1100px){
  .portal-grid,.cards-3,.shop-grid{grid-template-columns:1fr 1fr}
  .action-grid{grid-template-columns:1fr 1fr}
  .business-grid{grid-template-columns:1fr 1fr}
  .feature-glass{grid-template-columns:1fr}
}
@media(max-width:800px){
  .hamb{display:block}
  .nav{padding:10px 16px}
  .nav nav{position:fixed;left:14px;right:14px;top:92px;display:none;flex-direction:column;background:rgba(0,0,0,.92);border:1px solid var(--line);border-radius:18px;padding:18px}
  body.open .nav nav{display:flex}
  .brand span{font-size:13px}
  .brand img{width:58px;height:58px}
  .portal-grid,.cards-3,.shop-grid,.action-grid,.business-grid,.stats-strip{grid-template-columns:1fr}
  h1{font-size:clamp(42px,14vw,82px)}
}