:root{
  --bg:#090909;
  --gold-1:#F9E79C; /* highlight */
  --gold-2:#EDC35A; /* mid */
  --gold-3:#D49B2C; /* body */
  --gold-4:#8C5E12; /* deep base */
  --gold-text:#F8E18C;
  --white:#ffffff;
  --black:#0c0c0c;
}

*{box-sizing:border-box}
html,body{height:100%}
body{ margin:0; font-family: ui-serif, Georgia, 'Times New Roman', Times, serif; background: var(--bg); color: var(--gold-text); overflow-x:hidden; }

/* Ambient background glows */
.bg-glare::before,.bg-glare::after{ content:""; position:fixed; inset:0; pointer-events:none; z-index:0; }
.bg-glare::before{
  background:
    radial-gradient(62vw 42vh at 50% 18%, rgba(212,155,44,.22), transparent 60%),
    radial-gradient(72vw 52vh at 50% 78%, rgba(141,90,18,.16), transparent 70%);
  filter: blur(16px);
}
.bg-glare::after{
  background: radial-gradient(36vw 28vh at 50% 56%, rgba(237,195,90,.16), transparent 60%);
  filter: blur(24px);
  animation: bgPulse 18s ease-in-out infinite;
  opacity:.88;
}
@keyframes bgPulse{50%{opacity:.96}}

/* Page-level sheen */
.page-sheen{
  position:fixed; inset:-10% -20%; pointer-events:none; z-index:0;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.07) 45%, rgba(255,255,255,.16) 50%, rgba(255,255,255,.07) 55%, rgba(255,255,255,0) 100%);
  mix-blend-mode: screen; filter: blur(10px);
  transform: translateX(-120%); animation: pageSheen 16s linear infinite; opacity:.24;
}
@keyframes pageSheen{ 0%{ transform: translateX(-120%) } 100%{ transform: translateX(120%) } }

.wrap{min-height:100%; display:grid; place-items:center; padding:4rem 1rem 6rem; position:relative; z-index:1}
.hero{max-width:980px; width:100%; text-align:center}

/* LOGO with stronger 4-side halo */
.logo{ position:relative; width:min(720px,92vw); margin:0 auto 22px; filter: drop-shadow(0 16px 28px rgba(0,0,0,.55)); }
/* Boosted perimeter glow */
.logo::before{
  content:""; position:absolute; inset:-12% -14% -8% -14%;
  background:
    radial-gradient(44% 62% at 50% 0%,     rgba(249,231,156,.50), transparent 70%),
    radial-gradient(44% 62% at 50% 100%,   rgba(237,195,90,.50),  transparent 70%),
    radial-gradient(62% 46% at 0% 50%,     rgba(212,155,44,.44),  transparent 70%),
    radial-gradient(62% 46% at 100% 50%,   rgba(212,155,44,.44),  transparent 70%),
    radial-gradient(64% 62% at 50% 55%,    rgba(237,195,90,.32),  transparent 74%);
  filter: blur(34px); z-index:-1; opacity:.98;
}
.logo img{ width:100%; height:auto; display:block; border-radius:6px }
/* Subtle cinematic sweep */
.logo::after{
  content:""; position:absolute; inset:-10% -40%;
  background: linear-gradient(118deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.03) 44%, rgba(255,255,255,.14) 50%, rgba(255,255,255,.03) 56%, rgba(255,255,255,0) 100%);
  transform: skewX(-16deg); mix-blend-mode: screen; filter: blur(9px);
  opacity:.34; animation: sweep 20s linear infinite;
}
@keyframes sweep{ 0%{ transform: translateX(-32%) skewX(-16deg) } 100%{ transform: translateX(32%) skewX(-16deg) } }
@media (prefers-reduced-motion: reduce){ .logo::after{ animation:none; opacity:0 } }

/* White eyebrow & sub; gold headline */
.eyebrow{ margin: .9rem 0 .25rem; letter-spacing:.28em; font-size:.82rem; color: var(--white); }
.headline{ margin:.1rem 0 .8rem; font-size: clamp(2rem, 3.6vw, 3.1rem); letter-spacing:.05em; color: var(--gold-text); text-shadow: 0 0 12px rgba(212,155,44,.10); }
.sub{ color: var(--white); font-size: .98rem; margin:0 0 1.2rem; }

/* CTA row glow */
.cta-row{ position:relative; display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap; margin: .3rem 0 1.4rem; }
.cta-row::before{
  content:""; position:absolute; left:50%; top:50%; width: min(720px, 95vw); height: 160%;
  transform: translate(-50%, -50%);
  background: radial-gradient(62% 62% at 50% 60%, rgba(237,195,90,.26), transparent 72%);
  filter: blur(26px); z-index:-1; opacity:1;
}

/* Buttons — gold with BLACK labels */
.btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  min-width:11.5rem; padding:.95rem 1.5rem; border-radius:999px; text-decoration:none;
  color: var(--black);
  font-weight:800; letter-spacing:.06em;
  background: linear-gradient(180deg, var(--gold-1), var(--gold-2) 50%, var(--gold-3) 78%, var(--gold-4));
  border:1px solid rgba(250,236,192,.78);
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 8px 22px rgba(212,155,44,.34), 0 1px 0 rgba(255,255,255,.28) inset;
  overflow:hidden; transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.btn::before{
  content:""; position:absolute; left:-20%; right:-20%; bottom:-30%; height:140%;
  background: radial-gradient(80% 60% at 50% 100%, rgba(237,195,90,.28), transparent 60%);
  filter: blur(12px); z-index:-1;
}
.btn::after{
  content:""; position:absolute; inset:-30% -60%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.22) 50%, rgba(255,255,255,.08) 52%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg); filter: blur(8px); opacity:.34; mix-blend-mode: screen; animation: btnSweep 16s linear infinite;
}
@keyframes btnSweep{ 0%{ transform: translateX(-45%) skewX(-20deg) } 100%{ transform: translateX(45%) skewX(-20deg) } }
.btn:hover{ transform: translateY(-1px); filter: saturate(1.04); box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset, 0 10px 30px rgba(212,155,44,.40), 0 1px 0 rgba(255,255,255,.3) inset; }

/* Social chips */
.social-row{ position:relative; display:flex; gap:.7rem; justify-content:center; flex-wrap:wrap; margin-top:.4rem; }
.social-row::before{
  content:""; position:absolute; left:50%; top:50%; width: min(760px, 95vw); height: 160%;
  transform: translate(-50%, -50%);
  background: radial-gradient(62% 62% at 50% 60%, rgba(237,195,90,.24), transparent 72%);
  filter: blur(26px); z-index:-1; opacity:1;
}
.chip{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  padding:.66rem 1.18rem; border-radius:999px; text-decoration:none;
  color: var(--black); font-weight:800; letter-spacing:.08em; font-size:.84rem;
  background: linear-gradient(180deg, var(--gold-1), var(--gold-2) 50%, var(--gold-3) 78%, var(--gold-4));
  border:1px solid rgba(250,236,192,.78);
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 8px 20px rgba(212,155,44,.30), 0 1px 0 rgba(255,255,255,.28) inset;
  overflow:hidden;
}
.chip::before{
  content:""; position:absolute; left:-20%; right:-20%; bottom:-30%; height:140%;
  background: radial-gradient(80% 60% at 50% 100%, rgba(237,195,90,.26), transparent 60%);
  filter: blur(12px); z-index:-1;
}
.chip::after{
  content:""; position:absolute; inset:-30% -60%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.20) 50%, rgba(255,255,255,.08) 52%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg); filter: blur(8px); opacity:.32; mix-blend-mode: screen; animation: btnSweep 18s linear infinite;
}

/* White copyright */
.copyright{ color:#ffffff; font-size:.8rem; margin: .9rem 0 0 }