:root{--bg:#0b102a;--bg2:#0a0e24;--gold:#e7c56c;--gold2:#ffd97a;--text:#eef2fb;--muted:#a7b0cf;--stroke:rgba(255,255,255,.08)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 60% -10%,#16235a 0%,rgba(22,35,90,0) 60%),linear-gradient(180deg,var(--bg),var(--bg2));overflow-x:hidden}
#stars{position:fixed;inset:0;z-index:0;pointer-events:none}
.nav{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(180deg,rgba(9,12,28,.85),rgba(9,12,28,.35));border-bottom:1px solid var(--stroke);backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand__logo{width:28px;height:28px;border-radius:10px;object-fit:cover;filter:drop-shadow(0 0 12px rgba(231,197,108,.45))}
.brand__name{font-family:Orbitron,Inter,sans-serif;font-weight:800;letter-spacing:.6px}
.links{margin-left:auto;display:flex;align-items:center;gap:16px}
.links a{color:var(--muted);text-decoration:none}.links a:hover{color:var(--text)}
.btn{appearance:none;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;font-weight:800;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#0b0b0b;box-shadow:0 10px 26px rgba(231,197,108,.28)}
.btn:hover{transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--stroke);box-shadow:none}.btn--sm{padding:8px 12px;font-size:13px}
.hero{position:relative;z-index:1;min-height:92vh;padding:80px 16px 50px;text-align:center}
.hero__art{position:relative;width:min(60vw,320px);aspect-ratio:1/1;margin:0 auto 10px}
.hero__logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 34px rgba(231,197,108,.35))}
.hero__glow{position:absolute;inset:12% 12% 20% 12%;background:radial-gradient(ellipse at 50% 50%,rgba(231,197,108,.35),transparent 60%);filter:blur(40px);border-radius:50%}
.hero__ring{position:absolute;inset:-6%;border-radius:50%;border:2px solid rgba(231,197,108,.45)}.r1{animation:pulse 3.5s ease-in-out infinite}.r2{inset:-10%;opacity:.35;animation:pulse 5s ease-in-out infinite}.r3{inset:-14%;opacity:.22;animation:pulse 6.5s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.hero__title{font-family:Orbitron,Inter,sans-serif;font-size:clamp(26px,5vw,52px);font-weight:800;letter-spacing:.6px}
.hero__title span{color:var(--gold2)}.hero__tag{max-width:820px;margin:6px auto 12px;color:var(--muted)}
.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.contract{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;background:rgba(255,255,255,.06);border:1px solid var(--stroke);padding:10px 12px;border-radius:14px}
.contract .label{color:var(--muted)}.contract code{font-family:ui-monospace,Menlo,Consolas,monospace;background:rgba(0,0,0,.25);padding:6px 8px;border-radius:8px;letter-spacing:.3px}
.copy{background:transparent;border:1px solid var(--stroke);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}.copied{opacity:0;font-size:12px;color:#9af59c;transition:opacity .2s ease}
.section{position:relative;z-index:1;padding:64px 16px;text-align:center}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.section h2{font-family:Orbitron,Inter,sans-serif;font-size:clamp(22px,4vw,36px);color:var(--gold2);margin-bottom:16px}.section .lead{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1100px;margin:0 auto}.card{background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:16px;padding:18px}
.token{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:1100px;margin:0 auto}.tok{background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}.tok span{color:var(--muted)}
.timeline{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;text-align:left}.step{background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:16px;padding:16px}
.socials{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.footer{position:relative;z-index:1;text-align:center;color:var(--muted);border-top:1px solid var(--stroke);padding:32px 16px}