@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#000;--card-bg:#001400cc;--card-border:#0f0;--text-primary:#e0e0e0;--text-secondary:#0a0;--accent-color:#0f0;--font-main:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}@media (max-width:480px){.bento-grid{grid-template-columns:1fr}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-title{color:var(--accent-color);text-shadow:0 0 10px #00ff0080;margin-bottom:3rem;font-size:3rem;display:inline-block;position:relative}.section-title:after{content:"_";animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.btn{color:var(--accent-color);border:1px solid var(--accent-color);font-size:.9rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;background:0 0;border-radius:4px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn:hover{background:#00ff001a;transform:translateY(-2px);box-shadow:0 0 15px #0f06}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#030;border:1px solid #0f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f0}.glitch-header{position:relative}.glitch-header:before,.glitch-header:after{content:attr(data-text);background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-header:before{text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch-header:after{text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim-2;left:-2px}.glitch-wrapper{display:inline-block}.glitch{color:#fff;letter-spacing:2px;font-weight:800;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:#050505;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch:after{text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:5s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(40px,9999px,20px,0)}15%{clip:rect(10px,9999px,60px,0)}20%{clip:rect(50px,9999px,30px,0)}25%{clip:rect(90px,9999px,10px,0)}30%{clip:rect(20px,9999px,70px,0)}35%{clip:rect(60px,9999px,40px,0)}40%{clip:rect(10px,9999px,50px,0)}45%{clip:rect(70px,9999px,20px,0)}50%{clip:rect(30px,9999px,80px,0)}55%{clip:rect(80px,9999px,10px,0)}60%{clip:rect(40px,9999px,60px,0)}65%{clip:rect(10px,9999px,30px,0)}70%{clip:rect(50px,9999px,90px,0)}75%{clip:rect(90px,9999px,20px,0)}80%{clip:rect(20px,9999px,70px,0)}85%{clip:rect(60px,9999px,40px,0)}90%{clip:rect(10px,9999px,50px,0)}95%{clip:rect(70px,9999px,10px,0)}to{clip:rect(30px,9999px,80px,0)}}@keyframes glitch-anim-2{0%{clip:rect(10px,9999px,90px,0)}5%{clip:rect(50px,9999px,30px,0)}10%{clip:rect(90px,9999px,10px,0)}15%{clip:rect(20px,9999px,70px,0)}20%{clip:rect(60px,9999px,40px,0)}25%{clip:rect(10px,9999px,50px,0)}30%{clip:rect(70px,9999px,20px,0)}35%{clip:rect(30px,9999px,80px,0)}40%{clip:rect(80px,9999px,10px,0)}45%{clip:rect(40px,9999px,60px,0)}50%{clip:rect(10px,9999px,30px,0)}55%{clip:rect(50px,9999px,90px,0)}60%{clip:rect(90px,9999px,20px,0)}65%{clip:rect(20px,9999px,70px,0)}70%{clip:rect(60px,9999px,40px,0)}75%{clip:rect(10px,9999px,50px,0)}80%{clip:rect(70px,9999px,10px,0)}85%{clip:rect(30px,9999px,80px,0)}90%{clip:rect(80px,9999px,10px,0)}95%{clip:rect(40px,9999px,60px,0)}to{clip:rect(10px,9999px,30px,0)}}
