/* ====================================================================
   DiPhErEnT.online — Shared Cyberpunk Design System
   "U+mE=uS+tHeM=wE / wE aRe All DiPhErEnT"
   ==================================================================== */
:root{
  --bg:#050507;--deep:#020203;--surface:#0E0E15;--surf2:#14141E;
  --gray1:#1A1A24;--gray2:#2A2A38;--gray3:#3F3F52;--gray4:#6B6B82;
  --text:#F5F5FA;--dim:#B8B8C8;
  --pink:#FF00FF;--pink2:#FF69B4;--lime:#39FF14;--cyan:#00F0FF;
  --maxw:1320px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#050507;color:#F5F5FA;font-family:'Space Mono',monospace;font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(255,0,255,.22),transparent 60%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(57,255,20,.12),transparent 60%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(255,0,255,.10),transparent 60%),linear-gradient(to bottom,#020203,#050507)}
body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}
.scanlines{position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.013) 0,rgba(255,255,255,.013) 1px,transparent 1px,transparent 3px)}
::selection{background:#FF00FF;color:#020203}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#020203}
::-webkit-scrollbar-thumb{background:linear-gradient(#FF00FF,#FF69B4);border:2px solid #020203}

h1,h2,h3,h4{font-family:'Bungee',sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.05;margin:0}
h1{font-size:clamp(2.4rem,7vw,5.6rem)}
h2{font-size:clamp(1.9rem,4.5vw,3.4rem)}
h3{font-size:clamp(1.3rem,2.6vw,1.9rem)}
p{margin:0 0 1rem;color:var(--dim)}
a{color:var(--lime);text-decoration:none}
.font-display{font-family:'Bungee',sans-serif}
.font-mono{font-family:'Space Mono',monospace}
.font-term{font-family:'VT323',monospace;letter-spacing:.04em}
.glow-pink{color:#FF00FF;text-shadow:0 0 4px #FF00FF,0 0 12px rgba(255,0,255,.7),0 0 28px rgba(255,0,255,.4)}
.glow-pink-x{color:#FF00FF;text-shadow:0 0 6px #FF00FF,0 0 18px #FF00FF,0 0 40px rgba(255,0,255,.6),0 0 80px rgba(255,105,180,.35)}
.glow-lime{color:#39FF14;text-shadow:0 0 4px #39FF14,0 0 12px rgba(57,255,20,.7),0 0 28px rgba(57,255,20,.4)}
.glow-lime-x{color:#39FF14;text-shadow:0 0 6px #39FF14,0 0 18px #39FF14,0 0 40px rgba(57,255,20,.6)}
.glow-cyan{color:#00F0FF;text-shadow:0 0 6px #00F0FF,0 0 18px #00F0FF,0 0 36px rgba(0,240,255,.5)}
.label{font-family:'VT323',monospace;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:#39FF14;text-shadow:0 0 8px rgba(57,255,20,.6)}
.label.pink{color:#FF00FF;text-shadow:0 0 8px rgba(255,0,255,.6)}

.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
@media(max-width:640px){.container{padding:0 18px}}
.section{padding:96px 0;position:relative}
@media(max-width:768px){.section{padding:64px 0}}

.lifetime{background:linear-gradient(90deg,#FF00FF,#FF69B4,#39FF14,#FF00FF);background-size:300% 100%;animation:shimmer 8s linear infinite;color:#020203;font-family:'Bungee',sans-serif;text-align:center;padding:10px 16px;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
@keyframes shimmer{to{background-position:300% 0}}

.nav-wrap{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(5,5,7,.78);border-bottom:1px solid rgba(255,0,255,.28);box-shadow:0 0 32px rgba(255,0,255,.18)}
.nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:24px;position:relative}
.brand{font-family:'Bungee',sans-serif;font-size:1.3rem;color:var(--text);display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand .dot{width:10px;height:10px;border-radius:50%;background:#39FF14;box-shadow:0 0 8px #39FF14,0 0 16px rgba(57,255,20,.6);animation:pulse 1.4s ease-in-out infinite}
.brand:hover{animation:glitch .35s steps(2)}
.brand .b1{color:#FF00FF;text-shadow:0 0 6px rgba(255,0,255,.8)}
.brand .b2{color:#39FF14;text-shadow:0 0 6px rgba(57,255,20,.8)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
@keyframes glitch{0%{transform:translate(0,0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}100%{transform:translate(0,0)}}

.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-links a{color:var(--dim);font-family:'Space Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;padding:10px 12px;border:1px solid transparent;transition:all .15s ease}
.nav-links a:hover,.nav-links a.active{color:#39FF14;border-color:rgba(57,255,20,.4);text-shadow:0 0 8px rgba(57,255,20,.6);background:rgba(57,255,20,.05)}
.nav-cta{font-family:'Space Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;padding:10px 16px;background:#FF00FF;color:#020203;border:1px solid #FF00FF;font-weight:700;box-shadow:0 0 6px #FF00FF,0 0 18px rgba(255,0,255,.6);transition:all .15s ease;text-decoration:none;white-space:nowrap}
.nav-cta:hover{background:#39FF14;border-color:#39FF14;box-shadow:0 0 6px #39FF14,0 0 18px #39FF14,0 0 40px rgba(57,255,20,.5);transform:translate(-2px,-2px) scale(1.03)}
.burger{display:none;background:transparent;border:1px solid #FF00FF;color:#FF00FF;width:42px;height:42px;font-size:1.4rem;cursor:pointer;box-shadow:0 0 8px rgba(255,0,255,.5)}
@media(max-width:1024px){
  .nav-links{display:none}.burger{display:inline-flex;align-items:center;justify-content:center}.nav-cta{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#020203;border-top:1px solid rgba(255,0,255,.4);padding:18px;gap:6px;z-index:100}
  .nav-links.open a{width:100%;padding:14px 16px}
  .nav-links.open .nav-cta{display:inline-block;text-align:center;margin-top:8px}
}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;font-family:'Space Mono',monospace;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;border:1px solid;cursor:pointer;background:transparent;color:#F5F5FA;transition:all .18s ease;text-decoration:none;white-space:nowrap}
.btn-pink{background:#FF00FF;color:#020203;border-color:#FF00FF;box-shadow:0 0 6px #FF00FF,0 0 18px #FF00FF,0 0 40px rgba(255,0,255,.5)}
.btn-pink:hover{background:#020203;color:#FF00FF;transform:translate(-2px,-2px) scale(1.03);box-shadow:0 0 10px #FF00FF,0 0 28px #FF00FF,0 0 70px rgba(255,0,255,.7)}
.btn-lime{background:#39FF14;color:#020203;border-color:#39FF14;box-shadow:0 0 6px #39FF14,0 0 18px #39FF14,0 0 40px rgba(57,255,20,.5)}
.btn-lime:hover{background:#020203;color:#39FF14;transform:translate(-2px,-2px) scale(1.03);box-shadow:0 0 10px #39FF14,0 0 28px #39FF14,0 0 70px rgba(57,255,20,.7)}
.btn-ghost{border-color:#3F3F52;color:#F5F5FA}
.btn-ghost:hover{border-color:#39FF14;color:#39FF14;box-shadow:0 0 4px #39FF14,0 0 14px rgba(57,255,20,.5)}
.btn-sm{padding:10px 18px;font-size:.72rem}

.tape{display:inline-block;background:#39FF14;color:#020203;font-family:'VT323',monospace;font-size:1rem;padding:2px 12px;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-3deg);box-shadow:0 0 8px rgba(57,255,20,.6)}
.tape.pink{background:#FF00FF}
.tape.outline{background:transparent;border:1px solid #39FF14;color:#39FF14;box-shadow:none}

.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

.card{background:linear-gradient(180deg,#0E0E15,#14141E);border:1px solid #2A2A38;padding:28px;position:relative;transition:all .22s ease;overflow:hidden}
.card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(255,0,255,.08));pointer-events:none;opacity:0;transition:opacity .25s}
.card:hover{border-color:#FF00FF;transform:translate(-3px,-3px);box-shadow:5px 5px 0 rgba(255,0,255,.4),0 0 36px rgba(255,0,255,.18)}
.card:hover::before{opacity:1}
.card.lime:hover{border-color:#39FF14;box-shadow:5px 5px 0 rgba(57,255,20,.4),0 0 36px rgba(57,255,20,.18)}
.card .corner{position:absolute;top:0;right:0;font-family:'VT323',monospace;font-size:1rem;background:#FF00FF;color:#020203;padding:2px 10px;text-transform:uppercase;letter-spacing:.08em}
.card .corner.lime{background:#39FF14}

.section-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:48px}
.section-head h2{margin-top:8px}
.section-head .lead{max-width:480px;color:var(--dim);font-size:.95rem}

.ticker{border-top:1px dashed #FF00FF;border-bottom:1px dashed #FF00FF;background:#020203;padding:14px 0;overflow:hidden;white-space:nowrap}
.ticker .track{display:inline-flex;gap:48px;font-family:'Bungee',sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em;animation:scroll-x 30s linear infinite;color:var(--text)}
.ticker .track .pink{color:#FF00FF;text-shadow:0 0 8px rgba(255,0,255,.7)}
.ticker .track .lime{color:#39FF14;text-shadow:0 0 8px rgba(57,255,20,.7)}
@keyframes scroll-x{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.eq{font-family:'Bungee',sans-serif;font-size:clamp(2.6rem,9.5vw,7.5rem);line-height:1;text-align:center;letter-spacing:-.02em;margin:24px 0;user-select:none}
.eq .v{display:inline-block;padding:0 .08em;position:relative;transition:transform .25s ease}
.eq .v.you{color:#FF00FF;text-shadow:0 0 6px #FF00FF,0 0 18px #FF00FF,0 0 40px rgba(255,0,255,.6)}
.eq .v.me{color:#39FF14;text-shadow:0 0 6px #39FF14,0 0 18px #39FF14,0 0 40px rgba(57,255,20,.55)}
.eq .v.us{color:#FF69B4;text-shadow:0 0 6px #FF69B4,0 0 18px #FF69B4,0 0 40px rgba(255,105,180,.6)}
.eq .v.them{color:#00F0FF;text-shadow:0 0 6px #00F0FF,0 0 18px #00F0FF,0 0 36px rgba(0,240,255,.5)}
.eq .v.we{background:linear-gradient(90deg,#FF00FF,#39FF14);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(255,0,255,.6)) drop-shadow(0 0 24px rgba(57,255,20,.4))}
.eq .op{display:inline-block;color:var(--dim);padding:0 .04em;font-family:'VT323',monospace;font-size:.72em;vertical-align:8%;opacity:.85}
.eq .v:hover{transform:translateY(-6px) rotate(-3deg)}

.tier{background:#0E0E15;border:1px solid #2A2A38;padding:36px 28px;position:relative;transition:all .2s}
.tier .price{font-family:'Bungee',sans-serif;font-size:2.6rem;color:#39FF14;text-shadow:0 0 6px #39FF14,0 0 18px rgba(57,255,20,.5);margin:12px 0 24px}
.tier .price small{font-size:.85rem;color:var(--gray4);text-shadow:none}
.tier ul{list-style:none;padding:0;margin:0 0 28px}
.tier ul li{padding:8px 0 8px 24px;position:relative;color:var(--dim);font-size:.88rem;border-bottom:1px dashed #2A2A38}
.tier ul li::before{content:'+';position:absolute;left:0;color:#39FF14;text-shadow:0 0 6px rgba(57,255,20,.6);font-family:'Bungee',sans-serif;font-weight:700}
.tier.featured{border-color:#FF00FF;box-shadow:0 0 6px #FF00FF,0 0 24px rgba(255,0,255,.4);background:linear-gradient(180deg,#0E0E15 0%,rgba(255,0,255,.05) 100%);transform:scale(1.04)}
.tier.featured::after{content:'MOST DIFFERENT';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#FF00FF;color:#020203;font-family:'VT323',monospace;font-size:1rem;padding:4px 14px;letter-spacing:.12em;box-shadow:0 0 6px #FF00FF,0 0 18px rgba(255,0,255,.6)}
.tier.featured .price{color:#FF00FF;text-shadow:0 0 6px #FF00FF,0 0 18px rgba(255,0,255,.5)}
@media(max-width:768px){.tier.featured{transform:none}}

.upsell{background:linear-gradient(135deg,rgba(255,0,255,.08),rgba(57,255,20,.05));border:1px solid #FF00FF;padding:28px;box-shadow:0 0 4px #FF00FF,0 0 24px rgba(255,0,255,.25),inset 0 0 40px rgba(255,0,255,.04);position:relative}
.upsell.lime{border-color:#39FF14;box-shadow:0 0 4px #39FF14,0 0 24px rgba(57,255,20,.25),inset 0 0 40px rgba(57,255,20,.04)}

.tool{background:linear-gradient(180deg,#0E0E15,#14141E);border:1px solid #2A2A38;padding:22px;transition:all .2s ease;position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.tool:hover{border-color:#FF00FF;transform:translate(-3px,-3px);box-shadow:5px 5px 0 rgba(255,0,255,.4),0 0 36px rgba(255,0,255,.18)}
.tool.lime:hover{border-color:#39FF14;box-shadow:5px 5px 0 rgba(57,255,20,.4),0 0 36px rgba(57,255,20,.18)}
.tool .badge{position:absolute;top:0;right:0;font-family:'VT323',monospace;font-size:.95rem;padding:2px 10px;letter-spacing:.08em;text-transform:uppercase}
.tool .badge.free{background:#39FF14;color:#020203}
.tool .badge.paid{background:#FF00FF;color:#020203}
.tool .icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-family:'Bungee',sans-serif;font-size:1.5rem;background:#020203;border:1px solid #FF00FF;color:#FF00FF;text-shadow:0 0 8px rgba(255,0,255,.6);margin-bottom:14px}
.tool .icon.lime{border-color:#39FF14;color:#39FF14;text-shadow:0 0 8px rgba(57,255,20,.6)}
.tool h4{font-family:'Bungee',sans-serif;font-size:1.05rem;margin:4px 0 6px}
.tool .cat{font-family:'VT323',monospace;font-size:.95rem;color:#39FF14;letter-spacing:.12em;text-transform:uppercase}
.tool .desc{color:var(--dim);font-size:.84rem;line-height:1.5;margin:8px 0 14px;flex:1}

.module{background:#0E0E15;border:1px solid #2A2A38;padding:0;overflow:hidden;transition:border-color .15s}
.module:hover{border-color:#FF00FF}
.module-head{display:flex;align-items:center;gap:18px;padding:20px 22px;cursor:pointer;width:100%;background:transparent;border:0;color:inherit;text-align:left;font-family:inherit}
.module-num{font-family:'Bungee',sans-serif;font-size:1.6rem;color:#FF00FF;text-shadow:0 0 6px rgba(255,0,255,.6);min-width:48px}
.module-title{font-family:'Bungee',sans-serif;font-size:1.05rem;flex:1}
.module-toggle{font-family:'VT323',monospace;color:#39FF14;font-size:1.4rem;transition:transform .2s}
.module-body{padding:0 22px 22px 84px;display:none}
.module.open .module-body{display:block}
.module.open .module-toggle{transform:rotate(45deg);color:#FF00FF}
.module-body ul{list-style:none;padding:0;margin:0}
.module-body ul li{padding:6px 0 6px 18px;position:relative;color:var(--dim);font-size:.88rem;border-bottom:1px dashed rgba(42,42,56,.5)}
.module-body ul li::before{content:'>';position:absolute;left:0;color:#39FF14;font-family:'VT323',monospace}

.post{background:linear-gradient(180deg,#0E0E15,#14141E);border:1px solid #2A2A38;overflow:hidden;transition:all .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.post:hover{border-color:#FF00FF;transform:translate(-3px,-3px);box-shadow:5px 5px 0 rgba(255,0,255,.4)}
.post .img{height:200px;background:linear-gradient(135deg,#1A1A24,#14141E);position:relative;overflow:hidden}
.post .img::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,0,255,.4),transparent 50%),radial-gradient(circle at 70% 70%,rgba(57,255,20,.3),transparent 50%)}
.post .img .glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bungee',sans-serif;font-size:3.5rem;color:var(--text);text-shadow:0 0 20px rgba(0,0,0,.85);z-index:2}
.post-body{padding:22px}
.post .tag{display:inline-block;font-family:'VT323',monospace;font-size:.95rem;color:#39FF14;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.post h4{font-family:'Bungee',sans-serif;font-size:1.05rem;margin:0 0 8px}
.post .date{color:var(--gray4);font-size:.78rem;font-family:'Space Mono',monospace}

.merch{background:#0E0E15;border:1px solid #2A2A38;overflow:hidden;transition:all .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.merch:hover{border-color:#39FF14;transform:translate(-3px,-3px);box-shadow:5px 5px 0 rgba(57,255,20,.4),0 0 36px rgba(57,255,20,.2)}
.merch .visual{aspect-ratio:1/1;position:relative;overflow:hidden;background:#020203;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #2A2A38}
.merch .visual::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,0,255,.05) 14px 16px)}
.merch .visual .text{font-family:'Bungee',sans-serif;font-size:2.2rem;text-align:center;line-height:1;padding:18px;position:relative;z-index:2}
.merch-body{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.merch h4{font-family:'Bungee',sans-serif;font-size:.95rem}
.merch .price{font-family:'Bungee',sans-serif;font-size:1.2rem;color:#39FF14;text-shadow:0 0 8px rgba(57,255,20,.6)}

.testi{background:#0E0E15;border:1px solid #2A2A38;padding:28px 28px 22px;position:relative;transition:all .2s;margin-top:24px}
.testi:hover{border-color:#39FF14;box-shadow:0 0 24px rgba(57,255,20,.18)}
.testi::before{content:'"';position:absolute;top:-26px;left:18px;font-family:'Bungee',sans-serif;font-size:5.5rem;color:#FF00FF;text-shadow:0 0 12px rgba(255,0,255,.6);line-height:1}
.testi p{font-style:italic;font-size:1rem;color:var(--text);margin-bottom:16px}
.testi .who{display:flex;align-items:center;gap:12px;border-top:1px dashed #2A2A38;padding-top:14px}
.testi .who .av{width:42px;height:42px;background:linear-gradient(135deg,#FF00FF,#39FF14);font-family:'Bungee',sans-serif;color:#020203;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
.testi .who .name{font-family:'Bungee',sans-serif;font-size:.9rem}
.testi .who .role{font-family:'VT323',monospace;font-size:.95rem;color:#39FF14;letter-spacing:.08em;text-transform:uppercase}

.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.field label{font-family:'VT323',monospace;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:#39FF14}
.field input,.field select,.field textarea{background:#020203;border:1px solid #2A2A38;color:var(--text);padding:14px 16px;font-family:'Space Mono',monospace;font-size:.92rem;outline:none;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#FF00FF;box-shadow:0 0 0 1px #FF00FF,0 0 12px rgba(255,0,255,.4)}

.footer{border-top:1px solid rgba(255,0,255,.3);background:linear-gradient(180deg,#050507 0%,#020203 100%);padding:80px 0 40px;margin-top:80px;position:relative}
.footer::before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FF00FF,#39FF14,#FF00FF,transparent)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}
.footer h4{font-family:'Space Mono',monospace;font-size:.78rem;letter-spacing:.2em;color:#FF00FF;text-shadow:0 0 6px rgba(255,0,255,.6);text-transform:uppercase;margin-bottom:18px}
.footer ul{list-style:none;padding:0;margin:0}
.footer ul li{margin-bottom:10px}
.footer ul a{color:var(--dim);font-size:.88rem;transition:color .12s}
.footer ul a:hover{color:#39FF14;text-shadow:0 0 6px rgba(57,255,20,.5)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px dashed #2A2A38;font-family:'VT323',monospace;font-size:1rem;color:var(--gray4);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:12px}
.newsletter{display:flex;border:1px solid #FF00FF;box-shadow:0 0 6px rgba(255,0,255,.5),0 0 18px rgba(255,0,255,.3);margin-top:14px;background:#020203}
.newsletter input{flex:1;background:transparent;border:0;outline:0;color:var(--text);padding:14px 16px;font-family:'Space Mono',monospace;font-size:.88rem}
.newsletter input::placeholder{color:var(--gray4)}
.newsletter button{background:#39FF14;color:#020203;border:0;padding:0 20px;font-family:'Space Mono',monospace;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;white-space:nowrap}
.newsletter button:hover{background:#FF00FF}
.socials{display:flex;gap:10px}
.socials a{width:38px;height:38px;border:1px solid #2A2A38;display:inline-flex;align-items:center;justify-content:center;font-family:'Bungee',sans-serif;color:var(--dim);font-size:.78rem;transition:all .15s;text-decoration:none}
.socials a:hover{border-color:#39FF14;color:#39FF14;box-shadow:0 0 12px rgba(57,255,20,.5)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:translateY(0)}

.text-center{text-align:center}
.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:36px}.mb-5{margin-bottom:48px}.mb-6{margin-bottom:64px}
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:36px}.mt-5{margin-top:48px}
.flex{display:flex}.gap-2{gap:12px}.gap-3{gap:20px}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.items-center{align-items:center}