*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#0C0C12;font-family:'Overpass Mono',monospace;font-weight:400;font-size:14px;line-height:1.7;color:#A0A0B8;overflow-x:hidden}
.scanlines{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px)}
.spread-alt{background:#12121C}
.spread-dark{background:#1A1A28}
.glitch-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:24px;padding:8px 20px;background:rgba(12,12,18,0.8);border:1px solid #2A2A3A;opacity:0;transition:opacity 0.4s}
.glitch-nav.visible{opacity:1}
.glitch-nav a{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:13px;letter-spacing:0.03em;color:#A0A0B8;text-decoration:none;transition:color 0.15s}
.glitch-nav a:hover{color:#33FF99}
.spread{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative}
.hero-spread{flex-direction:column;text-align:center}
h1{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:40px;color:#E0E0F0;letter-spacing:0.03em;margin-bottom:16px;position:relative}
.rgb-split{position:relative}
.rgb-split::before,.rgb-split::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.rgb-split::before{color:#FF3366;opacity:0.3;clip-path:inset(0 0 50% 0);transform:translate(1px,-1px)}
.rgb-split::after{color:#3366FF;opacity:0.3;clip-path:inset(50% 0 0 0);transform:translate(-1px,1px)}
.hero-sub{max-width:480px;margin:0 auto 16px;color:#A0A0B8}
.tag{font-family:'Overpass Mono',monospace;font-size:12px;letter-spacing:0.06em;color:#8844CC;display:block;margin-bottom:12px}
.card{max-width:600px;width:100%;padding:40px;border:1px solid #2A2A3A;background:rgba(26,26,40,0.6);position:relative}
.glitch-card{opacity:0;transform:translateY(20px);transition:all 0.4s ease}
.glitch-card.visible{opacity:1;transform:translateY(0)}
.glitch-card::before{content:'';position:absolute;top:-2px;left:20px;right:20px;height:4px;background:#33FF99;opacity:0;transition:opacity 0.3s}
.glitch-card:hover::before{opacity:0.6}
h2{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:26px;color:#E0E0F0;letter-spacing:0.03em;margin-bottom:12px;position:relative}
@media(max-width:768px){h1{font-size:28px}h2{font-size:20px}.card{padding:24px}}