@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Teko:wght@500;700&display=swap";:root{--magenta: #ff00ff;--cyan: #00ffff}body{font-family:Share Tech Mono,monospace}.font-display{font-family:Teko,sans-serif}.cyber-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:-10;pointer-events:none}.cyber-bg-sm{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:30px 30px;z-index:-10;pointer-events:none}.glitch-text{position:relative;text-shadow:.05em 0 0 rgba(255,0,0,.75),-.025em -.05em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75);animation:glitch .5s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--magenta),-.025em -.05em 0 var(--cyan)}14%{text-shadow:.05em 0 0 var(--magenta),-.025em -.05em 0 var(--cyan)}15%{text-shadow:-.05em -.025em 0 var(--magenta),.025em .025em 0 var(--cyan)}49%{text-shadow:-.05em -.025em 0 var(--magenta),.025em .025em 0 var(--cyan)}50%{text-shadow:.025em .05em 0 var(--magenta),.05em 0 0 var(--cyan)}99%{text-shadow:.025em .05em 0 var(--magenta),.05em 0 0 var(--cyan)}to{text-shadow:-.025em 0 0 var(--magenta),-.025em -.025em 0 var(--cyan)}}.char-glow{filter:drop-shadow(0 0 20px rgba(0,255,255,.2));transition:all .5s ease}.group:hover .char-glow{filter:drop-shadow(0 0 30px rgba(0,255,255,.5));transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0ff}.fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.anim-fade-left{animation:fadeLeft .8s cubic-bezier(.16,1,.3,1) forwards}.anim-fade-right{animation:fadeRight .8s cubic-bezier(.16,1,.3,1) forwards}.anim-zoom-in{animation:zoomIn .8s cubic-bezier(.16,1,.3,1) forwards}.anim-glitch-in{animation:glitchIn .6s cubic-bezier(.25,1,.5,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.85);filter:blur(5px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes glitchIn{0%{opacity:0;transform:skew(30deg) scale(1.1);filter:drop-shadow(10px 0 0 var(--magenta))}50%{opacity:.8;transform:skew(-15deg);filter:drop-shadow(-10px 0 0 var(--cyan))}to{opacity:1;transform:skew(0) scale(1);filter:none}}.anim-float{display:inline-block;animation:cyberFloat 3s ease-in-out infinite;color:var(--magenta)}@keyframes cyberFloat{0%{transform:translate(0) rotate(0)}25%{transform:translate(2px,-2px) rotate(3deg)}50%{transform:translate(4px,1px) rotate(-2deg)}75%{transform:translate(-2px,2px) rotate(2deg)}to{transform:translate(0) rotate(0)}}
