@font-face{font-family:"Luckiest Guy";src:url(fonts/luckiest-guy.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Fredoka";src:url(fonts/fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{--night:#140c2c;--night2:#22164a;--purple:#3e2478;--gold1:#ffec8c;--gold2:#fabe1e;--gold3:#cd820a;--ink:#0e081e;--text:#f3eeff;--muted:#b9addb;--maxw:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Fredoka",system-ui,sans-serif;color:var(--text);line-height:1.5;
  background:linear-gradient(180deg,#0f0a24 0%,#1b1140 35%,#2a1a5a 75%,#1b1140 100%);min-height:100vh;overflow-x:hidden}
html{background:#140c2c}
.stars{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.7;
  background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff8,transparent),radial-gradient(1px 1px at 140px 90px,#fff9,transparent),
  radial-gradient(2px 2px at 260px 40px,#ffe9a888,transparent),radial-gradient(1px 1px at 330px 160px,#fff7,transparent),
  radial-gradient(1.5px 1.5px at 80px 200px,#fff6,transparent);background-size:380px 240px}
a{color:var(--gold1)}
img{max-width:100%;height:auto;display:block}
.gold{font-family:"Luckiest Guy","Fredoka",sans-serif;font-weight:400;letter-spacing:.02em;margin:0;
  background:linear-gradient(180deg,var(--gold1) 0%,var(--gold2) 55%,var(--gold3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:2px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 4px 0 #3a1f7a) drop-shadow(0 6px 10px #0008)}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:10px max(16px,calc((100% - var(--maxw))/2));background:#120a28e6;backdrop-filter:blur(8px);border-bottom:1px solid #ffffff14}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:1.1rem}
.brand img{border-radius:50%;border:2px solid var(--gold2)}
.topbar nav{display:flex;gap:18px}
.topbar nav a{color:var(--muted);text-decoration:none;font-weight:600}
.topbar nav a:hover{color:var(--gold1)}
main{max-width:var(--maxw);margin:0 auto;padding:0 16px}
.hero{padding:28px 0 8px;text-align:center}
.hero-art{width:100%;border-radius:20px;border:3px solid #ffffff1a;box-shadow:0 20px 50px #0009}
.hero-text{padding:28px 8px 8px}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);line-height:1}
.tagline{font-size:clamp(1.1rem,2.6vw,1.45rem);font-weight:600;margin:14px auto 22px;max-width:36ch}
.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:1.05rem;
  text-decoration:none;border:3px solid var(--ink);transition:transform .15s ease,box-shadow .15s ease;min-height:48px}
.btn svg{width:20px;height:20px;fill:currentColor}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--ink);box-shadow:0 4px 0 var(--gold3)}
.btn-dark{background:#5865f2;color:#fff;box-shadow:0 4px 0 #3a43a8}
.btn-small{padding:10px 20px;font-size:.98rem;min-height:44px}
.btn-disabled{background:#ffffff14;color:var(--muted);border-color:#ffffff30;cursor:default}
.btn-disabled:hover{transform:none}
.section{padding:64px 0 16px;text-align:center;scroll-margin-top:70px}
.section h2{font-size:clamp(2rem,5vw,3rem)}
.lead{font-size:1.15rem;color:var(--muted);margin:10px auto 28px;max-width:52ch}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}
.card{position:relative;background:linear-gradient(180deg,#2a1b58,#1c1240);border:2px solid #ffffff1c;border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 12px 30px #0007}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card h3{margin:0;font-size:1.45rem;color:var(--gold1)}
.card p{margin:0;color:var(--muted);flex:1}
.card .btn{align-self:flex-start}
.badge{position:absolute;top:14px;right:14px;z-index:2;background:var(--gold2);color:var(--ink);font-weight:700;font-size:.85rem;
  padding:5px 12px;border-radius:999px;border:2px solid var(--ink)}
.facts{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px}
.facts li{background:#ffffff0d;border:2px solid #ffffff1c;border-radius:18px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:4px}
.facts strong{font-size:2rem;color:var(--gold1);line-height:1.1}
.facts span{color:var(--muted);font-weight:600}
.mint-notes{margin-top:24px;font-size:1.1rem}
.mint-notes p{margin:10px 0}
.pill{display:inline-block;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:var(--ink);font-weight:700;padding:6px 18px;border-radius:999px;border:3px solid var(--ink)}
.muted{color:var(--muted)}
.more{padding-bottom:40px}
.footer{margin-top:56px;padding:36px 16px 44px;text-align:center;background:#0d0820;border-top:3px solid var(--gold3)}
.footer img{margin:0 auto 10px;border-radius:50%;border:2px solid var(--gold2)}
.nfa{font-weight:700;font-size:1.15rem;margin:6px 0}
.links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:10px 0}
.links small{color:var(--muted)}
.small{font-size:.9rem}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .topbar nav{display:none}
  .hero{padding-top:16px}.hero-art{border-radius:14px}
  .cards{grid-template-columns:1fr}
  .section{padding-top:48px}
  .buttons .btn{flex:1 1 100%;max-width:320px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}