@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{
  --navy:#080B16; --navy2:#101A31;
  --gold:#F5C451; --gold2:#FFE39A; --line:rgba(245,196,81,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%}
body{
  font-family:'Sora','Inter',system-ui,-apple-system,sans-serif;
  color:#fff; overflow:hidden;
  background:
    radial-gradient(90% 120% at 85% -10%, #1C2C4E 0%, rgba(28,44,78,0) 55%),
    radial-gradient(70% 90% at 5% 110%, #14233F 0%, rgba(20,35,63,0) 60%),
    linear-gradient(160deg,#0A0F1D 0%,#080B16 100%);
}
.stage{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex}
/* faint grid + glow */
.stage::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(80% 80% at 60% 30%,#000,transparent 90%);opacity:.6}
.glow{position:absolute;width:60%;height:60%;right:-10%;top:-20%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(245,196,81,.28),transparent 70%);filter:blur(10px)}

.brand{display:flex;align-items:center;gap:.55em;font-weight:800;letter-spacing:-.02em}
.brand .dot{width:.62em;height:.62em;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 0 18px rgba(245,196,81,.7)}
.brand .name{color:#fff}
.brand .name b{background:linear-gradient(180deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}

.eyebrow{display:inline-flex;align-items:center;gap:.5em;text-transform:uppercase;
  letter-spacing:.22em;font-weight:600;color:var(--gold2);
  border:1px solid var(--line);border-radius:999px;background:rgba(245,196,81,.06)}
.h1{font-weight:800;line-height:1.02;letter-spacing:-.025em}
.h1 .hl{background:linear-gradient(180deg,#fff 30%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.gold{background:linear-gradient(180deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:#C7D0E4;font-weight:500}
.cta{display:inline-flex;align-items:center;gap:.6em;font-weight:700;color:#0A0E1A;
  background:linear-gradient(180deg,var(--gold2),var(--gold));border-radius:999px;
  box-shadow:0 10px 40px rgba(245,196,81,.35);white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:.4em;color:#dbe3f4;font-weight:600;
  border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.04)}
.badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:28px;border:1px solid var(--line);
  background:radial-gradient(120% 120% at 50% 0%,rgba(245,196,81,.16),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.badge .big{font-weight:800;line-height:1;letter-spacing:-.03em}
.legal{color:#7C89A6;font-weight:500}
.days{font-weight:800;color:var(--gold2)}