:root{--color-pink: #FF6EC7;--color-cyan: #00FFFF;--color-purple: #9D00FF;--color-deep-purple: #3D0070;--color-navy: #0A0015;--color-dark: #05000A;--color-sunset-orange: #FF6B35;--color-sunset-yellow: #FFD93D;--color-grid-line: rgba(255, 110, 199, .3);--color-text-glow: #FF6EC7;--font-display: "Bebas Neue", cursive;--font-mono: "VT323", monospace;--font-tech: "Orbitron", sans-serif;--nav-height: 60px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--space-xxl: 128px;--container-max: 1280px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--glow-pink: 0 0 10px #FF6EC7, 0 0 20px #FF6EC7, 0 0 40px rgba(255, 110, 199, .5);--glow-cyan: 0 0 10px #00FFFF, 0 0 20px #00FFFF, 0 0 40px rgba(0, 255, 255, .5);--glow-purple: 0 0 10px #9D00FF, 0 0 20px #9D00FF, 0 0 40px rgba(157, 0, 255, .5);--glow-sunset: 0 0 10px #FF6B35, 0 0 20px #FFD93D, 0 0 40px rgba(255, 107, 53, .5);--glow-text-pink: 0 0 8px #FF6EC7, 0 0 16px #FF6EC7, 0 0 32px rgba(255, 110, 199, .6);--glow-text-cyan: 0 0 8px #00FFFF, 0 0 16px #00FFFF, 0 0 32px rgba(0, 255, 255, .6);--glow-text-purple: 0 0 8px #9D00FF, 0 0 16px #9D00FF, 0 0 32px rgba(157, 0, 255, .6);--transition-fast: .15s ease;--transition-med: .3s ease;--transition-slow: .6s ease;--z-bg: 0;--z-scene: 1;--z-overlay: 10;--z-ui: 100;--z-modal: 1000;--z-vhs: 9999}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-dark);color:#fff;font-family:var(--font-mono);font-size:16px;line-height:1.5;overflow-x:hidden;cursor:crosshair;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-navy)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-pink),var(--color-purple));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--color-cyan),var(--color-pink))}*{scrollbar-width:thin;scrollbar-color:var(--color-pink) var(--color-navy)}::selection{background:var(--color-pink);color:var(--color-dark)}::-moz-selection{background:var(--color-pink);color:var(--color-dark)}.vhs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-vhs);background:repeating-linear-gradient(to bottom,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);animation:scanlines .1s linear infinite}body.vapor-mode{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='8' fill='none' stroke='%23FF6EC7' stroke-width='2'/><line x1='12' y1='2' x2='12' y2='6' stroke='%23FF6EC7' stroke-width='2'/><line x1='12' y1='18' x2='12' y2='22' stroke='%23FF6EC7' stroke-width='2'/><line x1='2' y1='12' x2='6' y2='12' stroke='%23FF6EC7' stroke-width='2'/><line x1='18' y1='12' x2='22' y2='12' stroke='%23FF6EC7' stroke-width='2'/></svg>") 12 12,crosshair;filter:brightness(1.05) saturate(1.2) drop-shadow(0 0 8px rgba(255,110,199,.4));animation:vapor-shift 4s ease-in-out infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 2px}}@keyframes glitch{0%{transform:skew(0);clip-path:inset(0 0 100% 0);color:#fff}5%{transform:skew(-4deg);clip-path:inset(10% 0 70% 0);color:#ff6ec7;text-shadow:3px 0 #00FFFF}10%{transform:skew(3deg);clip-path:inset(60% 0 20% 0);color:#0ff;text-shadow:-3px 0 #FF6EC7}15%{transform:skew(0);clip-path:inset(0 0 0 0);color:#fff;text-shadow:none}20%{transform:skew(2deg);clip-path:inset(40% 0 40% 0);color:#9d00ff;text-shadow:2px 0 #FF6EC7}25%{transform:skew(0);clip-path:inset(0 0 0 0);color:#fff;text-shadow:none}to{transform:skew(0);clip-path:inset(0 0 0 0);color:#fff;text-shadow:none}}@keyframes float{0%{transform:translateY(10px)}50%{transform:translateY(-10px)}to{transform:translateY(10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #ff6ec74d,0 0 8px #ff6ec733;text-shadow:0 0 4px rgba(255,110,199,.3)}50%{box-shadow:0 0 16px #ff6ec7,0 0 32px #ff6ec7cc,0 0 64px #ff6ec766;text-shadow:0 0 12px rgba(255,110,199,1),0 0 24px rgba(255,110,199,.7)}}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 80px}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flicker{0%{opacity:1}8%{opacity:.92}15%{opacity:1}25%{opacity:.95}30%{opacity:1}42%{opacity:.97}50%{opacity:.9}58%{opacity:1}72%{opacity:.96}80%{opacity:1}90%{opacity:.93}to{opacity:1}}@keyframes vapor-shift{0%{filter:hue-rotate(0deg) saturate(1.2) brightness(1.05)}50%{filter:hue-rotate(60deg) saturate(1.3) brightness(1.08)}to{filter:hue-rotate(0deg) saturate(1.2) brightness(1.05)}}.glitch-text{animation:glitch 3s steps(1) infinite}.float{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.text-pink{color:var(--color-pink);text-shadow:var(--glow-text-pink)}.text-cyan{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.text-purple{color:var(--color-purple);text-shadow:var(--glow-text-purple)}.gradient-text{background:linear-gradient(90deg,var(--color-pink),var(--color-cyan),var(--color-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.flicker{animation:flicker 4s linear infinite}.rotate-slow{animation:rotate-slow 20s linear infinite}.grid-scroll{animation:grid-scroll 2s linear infinite}.glitch-container{position:relative;display:inline-block}.glitch-container:before,.glitch-container:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;white-space:inherit}.glitch-container:before{color:#ff6ec7;text-shadow:none;animation:glitch-before 2.4s steps(1) infinite;z-index:1;mix-blend-mode:screen}.glitch-container:after{color:#0ff;text-shadow:none;animation:glitch-after 2.4s steps(1) infinite;animation-delay:.12s;z-index:2;mix-blend-mode:screen}@keyframes glitch-before{0%{clip-path:inset(0 0 95% 0);transform:translate(-2px)}5%{clip-path:inset(30% 0 50% 0);transform:translate(-2px)}10%{clip-path:inset(65% 0 10% 0);transform:translate(-2px,1px)}12%{clip-path:inset(0 0 95% 0);transform:translate(0)}20%{clip-path:inset(80% 0 5% 0);transform:translate(-2px)}22%{clip-path:inset(0 0 0 0);transform:translate(0)}25%{clip-path:inset(45% 0 45% 0);transform:translate(-2px,-1px)}27%{clip-path:inset(0 0 95% 0);transform:translate(0)}35%{clip-path:inset(15% 0 72% 0);transform:translate(-2px)}37%{clip-path:inset(0 0 95% 0);transform:translate(0)}50%{clip-path:inset(55% 0 30% 0);transform:translate(-2px,1px)}52%{clip-path:inset(0 0 95% 0);transform:translate(0)}60%{clip-path:inset(90% 0 2% 0);transform:translate(-2px)}62%{clip-path:inset(0 0 95% 0);transform:translate(0)}75%{clip-path:inset(20% 0 60% 0);transform:translate(-2px)}77%{clip-path:inset(0 0 95% 0);transform:translate(0)}90%{clip-path:inset(70% 0 15% 0);transform:translate(-2px,-1px)}92%{clip-path:inset(0 0 95% 0);transform:translate(0)}to{clip-path:inset(0 0 95% 0);transform:translate(0)}}@keyframes glitch-after{0%{clip-path:inset(95% 0 0 0);transform:translate(2px)}7%{clip-path:inset(40% 0 40% 0);transform:translate(2px)}9%{clip-path:inset(75% 0 0 0);transform:translate(2px,-1px)}11%{clip-path:inset(95% 0 0 0);transform:translate(0)}18%{clip-path:inset(5% 0 82% 0);transform:translate(2px)}20%{clip-path:inset(95% 0 0 0);transform:translate(0)}30%{clip-path:inset(50% 0 35% 0);transform:translate(2px,1px)}32%{clip-path:inset(95% 0 0 0);transform:translate(0)}40%{clip-path:inset(10% 0 75% 0);transform:translate(2px)}42%{clip-path:inset(95% 0 0 0);transform:translate(0)}55%{clip-path:inset(85% 0 5% 0);transform:translate(2px,-1px)}57%{clip-path:inset(95% 0 0 0);transform:translate(0)}65%{clip-path:inset(25% 0 55% 0);transform:translate(2px)}67%{clip-path:inset(95% 0 0 0);transform:translate(0)}80%{clip-path:inset(60% 0 25% 0);transform:translate(2px,1px)}82%{clip-path:inset(95% 0 0 0);transform:translate(0)}95%{clip-path:inset(3% 0 88% 0);transform:translate(2px)}97%{clip-path:inset(95% 0 0 0);transform:translate(0)}to{clip-path:inset(95% 0 0 0);transform:translate(0)}}.vhs-noise{position:relative;overflow:hidden}.vhs-noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;z-index:var(--z-overlay, 10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;animation:vhs-noise-shift .08s steps(1) infinite}@keyframes vhs-noise-shift{0%{background-position:0 0}20%{background-position:-30px 15px}40%{background-position:20px -10px}60%{background-position:-15px 25px}80%{background-position:10px -20px}to{background-position:0 0}}.scanline-text{position:relative;display:inline-block;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.35) 3px,rgba(0,0,0,.35) 4px);-webkit-background-clip:text;background-clip:text}.retro-border{position:relative;border:1px solid var(--color-pink, #FF6EC7);border-radius:var(--border-radius-md, 8px);padding:var(--space-lg, 32px);box-shadow:0 0 8px #ff6ec799,0 0 20px #ff6ec74d,inset 0 0 8px #ff6ec726,inset 0 0 20px #9d00ff1a}.retro-border:before{content:"";position:absolute;top:-4px;left:-4px;width:20px;height:20px;border-top:3px dashed var(--color-cyan, #00FFFF);border-left:3px dashed var(--color-cyan, #00FFFF);box-shadow:-2px -2px 8px #0ff9}.retro-border:after{content:"";position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-bottom:3px dashed var(--color-cyan, #00FFFF);border-right:3px dashed var(--color-cyan, #00FFFF);box-shadow:2px 2px 8px #0ff9}.card-hover-glow{transition:box-shadow var(--transition-med, .3s ease),transform var(--transition-med, .3s ease),border-color var(--transition-med, .3s ease);will-change:box-shadow,transform}.card-hover-glow:hover{transform:translateY(-4px);box-shadow:0 0 12px var(--color-pink, #FF6EC7),0 0 24px #ff6ec780,0 0 48px #9d00ff4d,0 8px 24px #0009;border-color:var(--color-cyan, #00FFFF)}.card-hover-glow:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-cyan, #00FFFF),0 0 20px #00ffff80}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}