:root{
  --bg:#0b0b0f;
  --bg-elev:#151520;
  --gold:#C7A640;
  --gold-bright:#E9D27D;
  --silver:#C0C7D1;
  --text:#ECECF0;
  --muted:#9ca3af;
  --shadow: 0 10px 30px rgba(0,0,0,.4);
  --radius: 18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{opacity:.9}
h1,h2,h3,h4{font-family:"Playfair Display", Georgia, serif;letter-spacing:.3px;margin:0 0 .5rem}
h1{font-size:clamp(2rem,4vw,3rem)}
h2{font-size:clamp(1.5rem,3vw,2rem)}
h3{font-size:1.25rem}
p{margin:.6rem 0}
.small{font-size:.9rem}
.muted{color:var(--muted)}
.center{text-align:center}
.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}

.btn{display:inline-block;padding:.8rem 1.2rem;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text);box-shadow:var(--shadow);transition:.2s;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-bright));color:#1a1a1a;font-weight:700}
.btn-outline{border-color:var(--gold);color:var(--gold)}
.btn-ghost{border-color:#333;background:#10131a}
.btn:hover{transform:translateY(-1px)}

.site-header{position:sticky;top:0;z-index:30;background:rgba(10,10,16,.7);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text)}
.brand .brand-mark{color:var(--gold)}
.menu{display:flex;gap:1rem;align-items:center}
.menu a{padding:.4rem .6rem;border-radius:12px}
.menu a:hover{background:#11131a}

.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden;background:
 radial-gradient(1200px 600px at 10% 0%, rgba(231,208,123,0.15), transparent 60%),
 radial-gradient(1000px 500px at 90% 10%, rgba(192,199,209,0.12), transparent 60%),
 linear-gradient(180deg, #0b0b0f 0%, #09090d 60%, #0b0b0f 100%);
}
.hero-overlay{position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22><defs><linearGradient id=%22g%22 x1=%220%22 x2=%221%22><stop offset=%220%25%22 stop-color=%22%23ffffff%22 stop-opacity=%220.06%22/><stop offset=%22100%25%22 stop-color=%22%23ffffff%22 stop-opacity=%220.0%22/></linearGradient></defs><rect width=%2216%22 height=%2216%22 fill=%22none%22/><circle cx=%228%22 cy=%228%22 r=%221%22 fill=%22url(%23g)%22/></svg>') center/auto repeat}
.hero-content{position:relative;z-index:2;padding:5rem 0;text-align:center}
.glow{background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(233,210,125,.25)}
.lead{font-size:1.15rem;max-width:760px;margin:0.5rem auto 1rem}
.meta .pill{display:inline-block;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.35rem .7rem;margin:.2rem;font-size:.95rem;color:var(--silver)}

.countdown{display:flex;gap:.8rem;justify-content:center;margin:1.2rem 0 0}
.countdown .num{font-family:"Playfair Display";font-size:1.8rem;display:block}
.countdown .lbl{font-size:.8rem;color:var(--muted)}
.hero-bottom-shine{position:absolute;left:0;right:0;bottom:-40px;height:120px;background:radial-gradient(60% 100% at 50% 0%, rgba(233,210,125,.35), transparent 70%)}

.section{padding:3rem 0}
.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:center}
@media (max-width: 900px){.two-col{grid-template-columns:1fr}}

.card{background:var(--bg-elev);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}
.photo-placeholder{min-height:240px;background:linear-gradient(145deg,#1b1b28,#0f0f15);border:1px dashed rgba(255,255,255,.16)}
.photo-placeholder.tall{min-height:360px}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:2rem 0}
.stat{background:linear-gradient(180deg,#13131C,#0F0F15);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:1.2rem;text-align:center}
.stat-num{font-family:"Playfair Display";font-size:2rem;background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}

.sponsor-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1.2rem 0 2rem}
.logo-box{display:flex;align-items:center;justify-content:center;min-height:90px;border:1px dashed rgba(255,255,255,.18);border-radius:14px;color:var(--silver)}

.page h1{margin-top:1.2rem}
.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 2rem}

.timeline{list-style:none;padding:0;margin:0;border-left:2px solid rgba(255,255,255,.1);padding-left:1rem}
.timeline li{margin:.8rem 0;position:relative}
.timeline .time{font-weight:600;color:var(--gold);margin-right:.5rem}

.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0 2rem}
.tier{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1rem;background:linear-gradient(180deg,#13131c,#0c0c12)}
.tier.platinum{outline:1px solid rgba(233,210,125,.35)}
.tier.gold{outline:1px solid rgba(233,210,125,.25)}
.tier.silver{outline:1px solid rgba(192,199,209,.25)}

.cards.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.price{font-family:"Playfair Display";font-size:1.4rem;color:var(--gold)}

.form input,.form textarea{width:100%;margin-top:.35rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0f1118;color:var(--text);padding:.75rem}
.form button{margin-top:.8rem}

.site-footer{margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0b0b0f,#0a0a10)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}
@media (max-width: 900px){.footer-grid{grid-template-columns:1fr}}

.linklist{list-style:none;margin:0;padding:0}
.linklist li{margin:.35rem 0}

.linkarrow::after{content:" →";transition:.2s}
.linkarrow:hover::after{transform:translateX(3px)}