:root{--neon:#00ffff;--pink:#ff00bf;--lime:#39ff14;--yellow:#fff200;--muted:#d9ccff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#3b0066,#090014 52%,#000);color:#fff;font-family:Verdana,Arial,sans-serif;line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 4px);z-index:99}
a{color:var(--neon);font-weight:700}.topbar{background:linear-gradient(90deg,#ff0,#0ff,#f0f,#0f0);color:#000;text-align:center;font-weight:900;padding:9px;text-transform:uppercase;position:sticky;top:0;z-index:20}.topbar a{color:#000}
.header{background:rgba(0,0,0,.82);border-bottom:3px ridge var(--neon);padding:18px 22px;display:flex;gap:18px;justify-content:space-between;align-items:center;position:sticky;top:38px;z-index:15;backdrop-filter:blur(8px)}
.logo{font-size:26px;color:var(--yellow);text-decoration:none;text-shadow:2px 2px 0 var(--pink),-2px -2px 0 var(--neon)}
nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}nav a{background:#210040;border:2px outset var(--pink);padding:8px 10px;color:#fff;text-decoration:none}
.marquee{background:#000;color:var(--lime);border-top:3px dotted var(--yellow);border-bottom:3px dotted var(--yellow);padding:8px;font-family:"Courier New",monospace;white-space:nowrap;overflow:hidden}.marquee span{display:inline-block;animation:scroll 24s linear infinite}@keyframes scroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.container{max-width:1120px;margin:auto;padding:24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.panel,.post,.card,.aim{background:rgba(20,0,40,.94);border:4px ridge var(--neon);box-shadow:0 0 0 5px rgba(255,0,191,.18),0 0 30px rgba(0,255,255,.3);border-radius:14px;padding:22px}
h1{font-size:clamp(40px,7vw,88px);line-height:.92;margin:0 0 16px;color:var(--yellow);text-shadow:4px 4px 0 var(--pink),-3px -3px 0 var(--neon);text-transform:uppercase}.post h1{font-size:clamp(34px,5vw,62px)}
h2{color:var(--yellow);margin-top:30px;text-shadow:2px 2px 0 #000}.tagline{font-size:22px}.gifrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.gifrow img{max-width:150px;border:3px outset #fff;background:#000}
.counter{font-family:"Courier New",monospace;background:#000;color:var(--lime);font-size:28px;border:5px inset #999;padding:8px 12px;display:inline-block;letter-spacing:4px}
.cta,.share{display:inline-block;background:var(--yellow);color:#000!important;border:3px outset #fff;padding:11px 14px;text-decoration:none;font-weight:900;margin:6px 6px 6px 0;cursor:pointer}.cta.alt,.share{background:var(--pink);color:#fff!important}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post p,.post li{font-size:18px}.meta{color:var(--muted);font-size:14px}.blog-list{list-style:none;padding:0}.blog-list li{padding:14px;margin:12px 0;background:rgba(0,0,0,.45);border:2px dashed var(--pink);border-radius:10px}
.sharebox{background:#001c24;border:3px dashed var(--lime);padding:16px;margin:20px 0;border-radius:12px}.aim{max-width:760px;padding:0;overflow:hidden}.aim-title{background:linear-gradient(#2454c6,#082266);padding:9px 12px;font-weight:900;border-bottom:2px solid #fff}.aim-body{background:#e9e9d2;color:#111;padding:18px}
.aim label{display:block;font-weight:900;margin:10px 0}.aim input,.aim textarea{width:100%;padding:12px;border:2px inset #888;font:16px Verdana}.aim textarea{min-height:110px}.aim button{background:#ff0;border:3px outset #777;padding:12px 16px;font-weight:900}
.guest{background:#f4f0c8;color:#111;border:3px inset #999;padding:12px;margin:10px 0;font-family:"Courier New",monospace}.question{background:#000;border:2px dashed var(--yellow);padding:14px;margin:12px 0}.result{display:none;background:#000;color:var(--lime);border:4px inset var(--lime);padding:18px;font-size:24px;margin:18px 0}.share-card{width:100%;border:5px ridge var(--yellow)}
.footer{text-align:center;background:#050008;border-top:4px ridge var(--pink);padding:24px;margin-top:40px}
@media(max-width:820px){.hero,.grid{grid-template-columns:1fr}.header{position:static;display:block;text-align:center}.topbar{position:static}nav{justify-content:center}.container{padding:16px}.counter{font-size:21px}.gifrow img{max-width:120px}}