:root{
  --bg:#0b0f19; --paper:#0f1626; --paper-2:#131c2f; --ink:#e5e7eb; --muted:#9ca3af;
  --brand:#7c3aed; --brand-2:#22d3ee; --stroke:#1f2937; --ring:rgba(124,58,237,.35);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:
  radial-gradient(1200px 700px at 70% -10%, rgba(124,58,237,.25), transparent 60%),
  radial-gradient(900px 600px at 20% 10%, rgba(34,211,238,.15), transparent 60%),
  var(--bg); color:var(--ink); line-height:1.6;}
.container{width:min(1100px,92vw);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(150%) blur(8px);background:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid var(--stroke)}
.nav{display:flex;align-items:center;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-weight:800}
.brand img{filter:drop-shadow(0 0 8px rgba(124,58,237,.45))}
.nav-links{display:flex;gap:1rem;margin-left:1rem}
.nav-links a{color:var(--ink);text-decoration:none;opacity:.85}.nav-links a:hover{opacity:1}
.nav-cta{margin-left:auto;display:flex;gap:.6rem;align-items:center}
.btn{appearance:none;border:1px solid var(--stroke);background:linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink);
  padding:.65rem .9rem;border-radius:999px;cursor:pointer;transition:.2s} .btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;color:white}
.hamburger{display:none;background:transparent;border:none;width:40px;height:40px;position:relative}
.hamburger span{position:absolute;left:8px;right:8px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.hamburger span:nth-child(1){top:12px}.hamburger span:nth-child(2){top:19px}.hamburger span:nth-child(3){top:26px}

.hero{padding:5rem 0 3rem}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
.hero-copy h1{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.1;margin:0 0 .5rem}
.hero-cta{display:flex;gap:.6rem;margin:1rem 0 1.2rem}
.pill-list{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.pill-list li{border:1px solid var(--stroke);padding:.3rem .7rem;border-radius:999px;color:var(--muted);font-size:.9rem}
.card-slab{position:relative;aspect-ratio:4/3;border-radius:1.25rem;border:1px solid var(--stroke);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));display:grid;place-items:center}
.card-slab img{width:40%}.slab-caption{position:absolute;bottom:10px;left:50%;translate:-50% 0;font-size:.9rem;color:var(--muted)}

.section{padding:3.5rem 0}
.section.card{background:color-mix(in oklab,var(--paper) 70%,transparent);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.section-head h2{margin:0 0 .35rem;font-size:clamp(1.6rem,2.6vw,2.2rem)} .section-head p{margin:0 0 1.2rem;color:var(--muted)}

.claim-form{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}
.field{display:flex;flex-direction:column;gap:.4rem;min-width:180px} .field.grow{flex:1 1 320px}
label{font-weight:600}
input,select{width:100%;padding:.7rem .8rem;border-radius:.9rem;border:1px solid var(--stroke);background:linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink);outline:none}
input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}
.hint{color:var(--muted);font-size:.9rem}
.claim-result{margin-top:1rem}
.result-card{border:1px solid var(--stroke);border-radius:1rem;padding:1rem;background:linear-gradient(180deg,var(--paper),var(--paper-2))}

#leaderboard .section-head p{color:var(--muted)}
.lb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:900px){.lb-grid{grid-template-columns:1fr}}
.lb-card{position:relative;border-radius:1.25rem;padding:1rem;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  border:1px solid color-mix(in oklab,var(--paper) 40%, var(--brand) 60%);transition:transform .2s ease;box-shadow:0 10px 30px -20px rgba(0,0,0,.6)}
.lb-card:hover{transform:translateY(-2px)}
.lb-inner{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr auto;gap:.9rem;align-items:center}
.lb-rank{position:absolute;top:10px;left:12px;font-weight:800;font-size:.95rem;color:white;opacity:.9;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  padding:.2rem .55rem;border-radius:.6rem}
.lb-avatar{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,white .5px,transparent 40%),
             conic-gradient(from 0deg,hsl(var(--h) 90% 55%),hsl(calc(var(--h)+60) 90% 55%),hsl(calc(var(--h)+120) 90% 55%));
  border:2px solid rgba(255,255,255,.08);box-shadow:inset 0 0 18px rgba(0,0,0,.4), 0 8px 26px -16px rgba(0,0,0,.6)}
.lb-address{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:var(--ink);font-size:1.05rem}
.lb-amount{font-weight:800;letter-spacing:.4px}
.lb-chip{justify-self:end;padding:.25rem .6rem;border-radius:.6rem;background:color-mix(in oklab,var(--paper) 50%,var(--brand) 50%);
  color:white;border:1px solid rgba(255,255,255,.08);font-weight:700;letter-spacing:.4px;font-size:.85rem}

.site-footer{border-top:1px solid var(--stroke);padding:2rem 0;background:color-mix(in oklab,var(--paper) 70%,transparent)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:start}
.footer-links{display:grid;gap:.3rem} .footer-links a{color:var(--ink);text-decoration:none;opacity:.85} .footer-links a:hover{opacity:1}
.muted{color:var(--muted)}