@font-face{font-family:"Archivo";font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-var.woff2) format("woff2")}
@font-face{font-family:"Caveat";font-weight:700;font-display:swap;src:url(fonts/caveat-700.woff2) format("woff2")}
:root{--ink:#0a0a12;--night:#060609;--sky:#2a2a36;--sky-2:#3d3d4d;--muted:#4a5578;--gold:#ffc61a;--gold-2:#ff9f0a;--cyan:#3fdcff;--orange:#ff7a1a;--red:#ff4d4d;--green:#22c55e;--paper:#fff9ea}
*{box-sizing:border-box}
body{margin:0;font:400 18px/1.55 Archivo,system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.hero{position:relative;overflow:hidden;text-align:center;padding:56px 16px 48px;color:#fff;background:var(--night) radial-gradient(rgba(255,255,255,.14) 1.4px,transparent 1.6px) 0 0/10px 10px;border-bottom:3px solid var(--ink);margin-bottom:32px}
.script{font:700 30px Caveat,cursive;color:var(--cyan);margin:0}
h1{font-weight:900;font-stretch:110%;font-size:clamp(48px,12vw,96px);line-height:1;margin:.1em 0;letter-spacing:-.02em;-webkit-text-stroke:.11em var(--ink);paint-order:stroke fill;text-shadow:.05em .07em 0 var(--ink)}
.mark{background:linear-gradient(transparent 62%,var(--gold) 62%,var(--gold) 88%,transparent 88%);color:#fff}
.lede{max-width:560px;margin:12px auto 0;font-size:20px}
main{max-width:720px;margin:0 auto;padding:0 16px 32px;display:grid;gap:24px}
#cards{display:grid;gap:24px}
.panel{background:#fff;border-radius:20px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px}
h2{font-weight:900;font-stretch:105%;font-size:28px;margin:0 0 8px}
h3{font-weight:900;font-size:21px;margin:16px 0 6px}
ol{padding-left:22px;margin:0}li{margin-bottom:8px}
.note{font-size:16px;color:var(--muted);margin:12px 0 0}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.top h2{font-size:36px;margin:0}
.chain{font:700 24px Caveat,cursive;color:var(--orange);margin:0 0 8px}
.r{display:inline-block;font-weight:900;font-size:15px;text-transform:uppercase;padding:4px 10px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg)}
.legend .r{transform:none;margin-right:4px}
.r-low{background:var(--green)}.r-med{background:var(--gold)}.r-high{background:var(--orange)}.r-degen{background:var(--red);color:#fff}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}
.facts div{border:2px solid var(--ink);border-radius:12px;padding:8px 10px;background:var(--paper)}
dt{font-size:14px;color:var(--muted)}dd{margin:0;font-weight:900;font-size:20px}
.why{border-left:6px solid var(--gold);padding-left:12px}
.label{font-weight:900;margin:16px 0 6px}
.ca{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
code{font:600 15px/1.4 ui-monospace,Menlo,monospace;background:var(--paper);border-radius:12px;border:2px dashed var(--ink);padding:10px;word-break:break-all;flex:1 1 260px;user-select:all}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{font:900 17px Archivo,sans-serif;font-stretch:108%;padding:.9em 1.4em;border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink);transition:transform .15s,box-shadow .15s;color:var(--ink);text-decoration:none;cursor:pointer;background:#fff}
.btn.gold{background:var(--gold)}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.btn.gold:hover{background:#ffd94d}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
footer{text-align:center;color:var(--muted);padding:0 16px 32px;font:700 22px Caveat,cursive}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.hero>*{position:relative}
.sun{position:absolute!important;left:50%;top:60%;width:1400px;height:1400px;margin:-700px 0 0 -700px;background:repeating-conic-gradient(rgba(255,198,26,.16) 0 7deg,transparent 7deg 20deg);animation:spin 90s linear infinite;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.art{max-width:560px;width:100%;height:auto;margin:24px auto 0;border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--gold)}
.burst{position:absolute;width:104px;height:104px;display:grid;place-items:center;text-align:center;font:900 15px/1 Archivo,sans-serif;font-stretch:112%;color:var(--ink);background:var(--orange);padding:14px;
  clip-path:polygon(50% 0,61% 18%,82% 8%,80% 30%,100% 36%,85% 52%,98% 70%,76% 72%,74% 94%,57% 82%,43% 100%,36% 80%,14% 90%,18% 68%,0 60%,16% 46%,4% 26%,26% 26%,26% 4%,42% 18%);transform:rotate(12deg);animation:pop 3s ease-in-out infinite}
.burst.b1{right:max(8px,calc(50% - 400px));bottom:56px;background:var(--gold);width:120px;height:120px}
.name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card .burst{position:static;width:84px;height:84px;font-size:12px;padding:10px;background:var(--cyan);margin:-14px 0}
.card{position:relative}
.wallet{float:right;width:130px;height:auto;margin:-10px -6px 8px 12px;border:3px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--gold);transform:rotate(3deg)}
.how::after{content:"";display:block;clear:both}
@keyframes pop{50%{transform:rotate(12deg) scale(1.08)}}
@media (max-width:520px){.burst.b1{right:6px;bottom:auto;top:16px;width:92px;height:92px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.sun,.burst{animation:none}}

.fomo{position:relative;border-color:var(--ink);background:#fff;box-shadow:6px 6px 0 var(--gold)}
.fomo ul{padding-left:22px;margin:0 0 8px}.fomo li{margin-bottom:8px}
.fomo .burst.b2{position:absolute;right:-8px;top:-26px;width:96px;height:96px;font-size:13px;background:var(--gold)}
.fomo a:not(.btn){font-weight:900}

.fomo-btn{background:var(--gold)}.fomo-btn:hover{background:#ffd94d}.btns .btn{flex:1 1 auto;text-align:center}

.special{background:var(--gold);border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);padding:10px 14px;font-weight:900;margin:14px 0}