:root{--bg:#05070a;--panel:#0c1117;--panel2:#111820;--line:#1c2733;--text:#e6edf3;--muted:#8b98a5;--neon:#39ff88;--neon-dim:rgba(57,255,136,.15);--red:#ff5c7a;--max:1080px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;background-image:radial-gradient(circle at 50% -20%,rgba(57,255,136,.12),transparent 55%)}
a{color:var(--neon);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}
header.site{position:sticky;top:0;z-index:10;background:rgba(5,7,10,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800;letter-spacing:.3px}
.brand:hover{text-decoration:none}.brand span b{color:var(--neon)}
.logo{width:34px;height:34px;flex:none}
.sweep{transform-origin:32px 32px;animation:spin 4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sweep,.radar-big .sweep{animation:none}}
.menu-btn{background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px;font-size:15px}
nav.links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 18px 14px;flex-direction:column}
nav.links.open{display:flex}
nav.links a{color:var(--text);padding:10px 0;border-bottom:1px solid var(--line)}nav.links a:last-child{border:0}
nav.links a.active{color:var(--neon)}
@media(min-width:760px){.menu-btn{display:none}nav.links{display:flex!important;position:static;flex-direction:row;gap:22px;padding:0;border:0;background:none}nav.links a{border:0;padding:0;font-size:15px}}
.hero{padding:46px 0 28px;display:grid;gap:26px;align-items:center}
@media(min-width:760px){.hero{grid-template-columns:1.3fr 1fr;padding:72px 0 40px}}
.eyebrow{display:inline-block;color:var(--neon);background:var(--neon-dim);border:1px solid rgba(57,255,136,.35);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
h1{font-size:clamp(34px,8vw,56px);line-height:1.05;margin:14px 0 12px;letter-spacing:-1px}
h1 .g{color:var(--neon);text-shadow:0 0 24px rgba(57,255,136,.45)}
.lead{color:var(--muted);font-size:18px;margin:0 0 22px}
.btn{display:inline-block;background:var(--neon);color:#03140a;font-weight:700;border-radius:12px;padding:12px 18px;border:0;font-size:16px;cursor:pointer}
.btn:hover{text-decoration:none;filter:brightness(1.1)}.btn.ghost{background:none;color:var(--neon);border:1px solid var(--neon);margin-left:8px}
.radar-big{width:min(78vw,320px);margin:0 auto;filter:drop-shadow(0 0 30px rgba(57,255,136,.25))}
.radar-big .sweep{animation-duration:5s}
.blip{animation:blink 2.5s ease-in-out infinite}.blip.b2{animation-delay:.8s}.blip.b3{animation-delay:1.6s}
@keyframes blink{0%,100%{opacity:.15}40%{opacity:1}}
section{padding:26px 0}
h2{font-size:24px;margin:0 0 6px}.sub{color:var(--muted);margin:0 0 16px;font-size:14px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
.coin .top{display:flex;justify-content:space-between;align-items:center}
.coin .sym{font-weight:800;letter-spacing:.5px}.coin .tag{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.coin .price{font-size:20px;font-weight:700;margin:8px 0 2px;font-variant-numeric:tabular-nums;word-break:break-all}
.coin .chg{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.up{color:var(--neon)}.down{color:var(--red)}.na{color:var(--muted)}
.coin .range{font-size:12px;color:var(--muted);margin-top:4px}
.status{font-size:13px;color:var(--muted);margin-top:10px}
.posts{display:grid;gap:12px}@media(min-width:760px){.posts{grid-template-columns:repeat(3,1fr)}}
.post-card{display:block;color:var(--text)}.post-card:hover{text-decoration:none;border-color:var(--neon)}
.post-card h3{margin:6px 0;font-size:18px;line-height:1.3}.post-card p{color:var(--muted);margin:0;font-size:14px}
.meta{font-size:12px;color:var(--neon);text-transform:uppercase;letter-spacing:.6px}
.signup{background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid rgba(57,255,136,.3)}
.signup form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.signup input{flex:1 1 200px;min-width:0;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px}
.note{font-size:12px;color:var(--muted);margin-top:8px}
article.prose{max-width:720px;margin:0 auto;padding:30px 0}
.prose h1{font-size:clamp(30px,7vw,44px)}.prose h2{margin-top:30px}.prose h3{margin-top:22px}
.prose p,.prose li{color:#cdd6df}.prose code{background:var(--panel2);padding:1px 6px;border-radius:6px;font-size:14px}
.callout{background:var(--neon-dim);border-left:3px solid var(--neon);padding:12px 14px;border-radius:8px;margin:18px 0}
.callout.warn{background:rgba(255,92,122,.1);border-color:var(--red)}
.sources{font-size:14px}
footer.site{border-top:1px solid var(--line);margin-top:40px;padding:26px 0 40px;color:var(--muted);font-size:13px}
footer.site .disc{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px}
footer.site nav{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}