/* ============ $DEGENS ============ */
:root{
  --bg:#07060d;
  --bg2:#0d0a1a;
  --purple:#8b3cf7;
  --purple-lite:#a855f7;
  --purple-glow:#b57bff;
  --green:#3ddc4e;
  --red:#ff3b3b;
  --gold:#f7b500;
  --ink:#f4f0ff;
  --muted:#9a92b8;
  --card:#12101f;
  --line:rgba(139,60,247,.28);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Space Grotesk',system-ui,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

/* -------- Ticker -------- */
.ticker{
  position:relative;z-index:30;
  background:var(--purple);
  border-bottom:2px solid #000;
  overflow:hidden;white-space:nowrap;
  font-family:'Share Tech Mono',monospace;
  letter-spacing:.04em;
}
.ticker__track{
  display:inline-flex;gap:0;align-items:center;
  padding:8px 0;
  animation:scroll 26s linear infinite;
  will-change:transform;
}
.ticker__track span{padding:0 18px;font-size:14px;color:#0a0713;font-weight:700}
.ticker__track .dot{padding:0;opacity:.45}
.ticker__track .up{color:#0a3d12}
.ticker__track .down{color:#5c0000}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* -------- Nav -------- */
.nav{
  position:sticky;top:0;z-index:25;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;
  background:rgba(7,6,13,.72);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.nav__brand{display:flex;align-items:center;gap:10px;font-family:'Anton',sans-serif;font-size:22px;letter-spacing:.04em}
.nav__brand img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 14px var(--purple)}
.nav__links{display:flex;align-items:center;gap:10px}
.social{
  width:38px;height:38px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:12px;color:var(--purple-glow);
  transition:.2s;
}
.social:hover{background:var(--purple);color:#fff;transform:translateY(-2px)}

/* -------- Buttons -------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:'Anton',sans-serif;letter-spacing:.05em;
  font-size:18px;padding:14px 26px;border-radius:14px;
  border:none;cursor:pointer;color:#06210b;
  background:var(--green);
  box-shadow:0 6px 0 #1f8a2c, 0 10px 24px rgba(61,220,78,.35);
  transition:transform .08s ease, box-shadow .08s ease;
  text-transform:uppercase;
}
.btn:hover{filter:brightness(1.05)}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #1f8a2c,0 4px 12px rgba(61,220,78,.3)}
.btn--sm{font-size:14px;padding:9px 16px;border-radius:10px;box-shadow:0 4px 0 #1f8a2c}
.btn--claim{background:var(--green)}
.btn--ghost{
  background:transparent;color:var(--purple-glow);
  border:2px solid var(--purple);box-shadow:none;
}
.btn--ghost:hover{background:var(--purple);color:#fff}

/* -------- Hero -------- */
.hero{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden;text-align:center}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.hero__overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 30%, rgba(139,60,247,.28), transparent 55%),
    linear-gradient(180deg, rgba(7,6,13,.55) 0%, rgba(7,6,13,.72) 55%, var(--bg) 100%);
}
.hero__inner{position:relative;z-index:2;padding:40px 20px}
.hero__logo{
  width:150px;height:150px;border-radius:50%;margin:0 auto 18px;
  box-shadow:0 0 0 4px rgba(139,60,247,.5),0 0 50px var(--purple);
  animation:float 4s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero__title{
  font-family:'Anton',sans-serif;
  font-size:clamp(64px,16vw,180px);line-height:.92;
  letter-spacing:.02em;
  background:linear-gradient(180deg,#fff,var(--purple-glow));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 40px rgba(139,60,247,.5);
}
.hero__tag{max-width:620px;margin:14px auto 26px;font-size:clamp(16px,2.4vw,21px);color:#d9d2f2}
.hero__tag b{color:var(--green)}
.hero__cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero__scroll{margin-top:34px;font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--muted);letter-spacing:.15em}

/* -------- Board / countdown -------- */
.board{
  position:relative;
  padding:56px 20px 70px;
  background:
    radial-gradient(circle at 50% 0%, rgba(139,60,247,.16), transparent 60%),
    var(--bg);
  border-top:1px solid var(--line);
}
.board__strip{
  max-width:860px;margin:0 auto 26px;
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;
  font-family:'Share Tech Mono',monospace;font-size:13px;letter-spacing:.14em;
  color:var(--gold);
  border:1px solid rgba(247,181,0,.3);border-radius:10px;padding:10px 16px;
  background:rgba(247,181,0,.05);
}
.board__live{display:inline-flex;align-items:center;gap:7px;color:var(--green)}
.board__live i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 1.1s infinite}
@keyframes blink{50%{opacity:.25}}
.board__flight{color:var(--purple-glow)}
.board__status{color:var(--green)}
.board__heading{
  text-align:center;font-family:'Anton',sans-serif;
  font-size:clamp(30px,6vw,64px);letter-spacing:.03em;margin-bottom:26px;
}

.clock{display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,2vw,18px);flex-wrap:nowrap}
.clock__unit{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  min-width:clamp(64px,18vw,120px);
}
.clock__num{
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(40px,11vw,86px);line-height:1;font-weight:400;
  color:#fff;
  background:linear-gradient(180deg,#1b1630,#0b0817);
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px clamp(8px,2.5vw,22px);
  width:100%;text-align:center;
  box-shadow:inset 0 -14px 24px rgba(0,0,0,.6),0 0 24px rgba(139,60,247,.18);
  position:relative;
}
.clock__num::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:rgba(0,0,0,.55)}
.clock__num.flip{animation:flip .35s ease}
@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(-18deg);filter:brightness(1.4)}100%{transform:rotateX(0)}}
.clock__label{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.clock__sep{font-family:'Anton',sans-serif;font-size:clamp(30px,8vw,60px);color:var(--purple);align-self:flex-start;margin-top:6px}

/* -------- Are you ready -------- */
.ready{max-width:720px;margin:52px auto 0;text-align:center}
.ready__title{
  font-family:'Anton',sans-serif;font-size:clamp(32px,7vw,60px);
  color:var(--purple-glow);text-shadow:0 0 30px rgba(139,60,247,.6);margin-bottom:14px;
}
.ready__text{font-size:clamp(15px,2.2vw,19px);color:#d3ccec;line-height:1.65}
.ready__text b{color:var(--green)}

/* -------- Boarding pass ticket -------- */
.ticket{
  display:flex;max-width:560px;margin:38px auto 0;text-align:left;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));
}
.ticket__main{
  flex:1;background:linear-gradient(155deg,#17122b,#0d0a1a);
  border:1px solid var(--line);border-right:none;
  border-radius:18px 0 0 18px;padding:22px;
}
.ticket__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08)}
.ticket__k{font-family:'Share Tech Mono',monospace;font-size:12px;letter-spacing:.12em;color:var(--muted)}
.ticket__v{font-family:'Anton',sans-serif;letter-spacing:.03em;font-size:18px}
.ticket__big{color:var(--green);font-size:22px}
.ticket__seats{color:var(--red)}
.ticket__btn{width:100%;margin-top:18px}
.ticket__stub{
  width:120px;background:var(--purple);
  border-radius:0 18px 18px 0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:16px 10px;text-align:center;position:relative;
}
.ticket__stub::before{content:"";position:absolute;left:0;top:10px;bottom:10px;border-left:2px dashed rgba(0,0,0,.35)}
.ticket__stub img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.ticket__stub span{font-family:'Anton',sans-serif;font-size:13px;color:#fff;letter-spacing:.08em;line-height:1.1}
.ticket__gate{font-family:'Share Tech Mono',monospace;font-size:11px;opacity:.85}

/* -------- Crew -------- */
.crew{padding:64px 20px 40px;background:linear-gradient(180deg,var(--bg),var(--bg2))}
.crew__heading{text-align:center;font-family:'Anton',sans-serif;font-size:clamp(30px,6vw,58px);margin-bottom:34px;letter-spacing:.03em}
.crew__grid{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.crew__card{
  position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);
  background:var(--card);transition:transform .25s ease;
}
.crew__card:hover{transform:translateY(-6px)}
.crew__card--wide{grid-column:1 / -1}
.crew__card img{width:100%;height:100%;object-fit:cover}
.crew__card--wide img{max-height:520px}
.crew__card figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:26px 16px 14px;font-size:14px;color:#fff;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));
  font-family:'Share Tech Mono',monospace;letter-spacing:.02em;
}

/* -------- Footer -------- */
.foot{padding:56px 20px 70px;text-align:center;background:var(--bg2);border-top:1px solid var(--line)}
.foot__logo{width:76px;height:76px;border-radius:50%;margin:0 auto 20px;box-shadow:0 0 30px var(--purple)}
.foot__socials{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.foot__note{max-width:520px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.6}

/* -------- Responsive -------- */
@media(max-width:560px){
  .nav__brand span{display:none}
  .clock__sep{display:none}
  .clock{gap:8px}
  .crew__grid{grid-template-columns:1fr}
  .ticket{flex-direction:column;max-width:360px}
  .ticket__main{border-right:1px solid var(--line);border-bottom:none;border-radius:18px 18px 0 0}
  .ticket__stub{width:100%;flex-direction:row;border-radius:0 0 18px 18px;padding:14px}
  .ticket__stub::before{left:10px;right:10px;top:0;border-left:none;border-top:2px dashed rgba(0,0,0,.35)}
}
@media(prefers-reduced-motion:reduce){
  .ticker__track,.hero__logo,.board__live i{animation:none}
}