@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;900&family=Space+Mono:wght@400;700;900&family=Space+Grotesk:wght@300;400;700;900&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--neon-green:#00ff41;--neon-pink:#f0f;--neon-purple:#8a2be2;--acid-yellow:#eaff00;--toxic-blue:#0ff;--hot-pink:#ff10f0;--glitch-red:#ff0f39;--glitch-green:#00f5d4;--glitch-blue:#0097e9;--term-black:#0a0a0f;--term-dark:#1a1a2e;--term-gray:#2d2d44;--term-light:#e8e8ff}*{box-sizing:border-box}html{background:var(--term-black);color:var(--term-light);font-family:Space Grotesk,sans-serif;overflow-x:hidden}body{background-image:linear-gradient(90deg,#0000 49.5%,#ff00ff08 49.5% 50.5%,#0000 50.5%),linear-gradient(#0000 49.5%,#00ff4108 49.5% 50.5%,#0000 50.5%);background-size:50% 100%;font-family:JetBrains Mono,monospace}body:before{content:"";pointer-events:none;z-index:9999;opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000004d 4px);width:100vw;height:100vh;position:fixed;top:0;left:0}.glitch{letter-spacing:-.05em;text-transform:uppercase;font-family:Space Mono,monospace;font-weight:900;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 var(--glitch-red);clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-1;left:2px}.glitch:after{text-shadow:-1px 0 var(--glitch-green);clip:rect(85px, 550px, 140px, 0);animation:2s linear infinite alternate-reverse glitch-2;left:-2px}@keyframes glitch-1{0%{clip:rect(12px, 9999px, 5px, 0)}20%{clip:rect(78px, 9999px, 100px, 0)}40%{clip:rect(24px, 9999px, 80px, 0)}60%{clip:rect(56px, 9999px, 30px, 0)}80%{clip:rect(92px, 9999px, 60px, 0)}to{clip:rect(38px, 9999px, 90px, 0)}}@keyframes glitch-2{0%{clip:rect(68px, 9999px, 90px, 0)}20%{clip:rect(12px, 9999px, 40px, 0)}40%{clip:rect(88px, 9999px, 20px, 0)}60%{clip:rect(24px, 9999px, 70px, 0)}80%{clip:rect(56px, 9999px, 100px, 0)}to{clip:rect(92px, 9999px, 30px, 0)}}.brutal-btn{background:var(--neon-green);color:var(--term-black);border:4px solid var(--term-black);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;box-shadow:6px 6px 0 var(--term-black), -2px -2px 0 var(--neon-pink);border-radius:0;padding:1rem 2.5rem;font-family:Space Mono,monospace;font-size:1.25rem;font-weight:900;transition:all .1s;position:relative;overflow:hidden}.brutal-btn:hover{box-shadow:4px 4px 0 var(--term-black), -1px -1px 0 var(--neon-pink);background:var(--acid-yellow);transform:translate(2px,2px)}.brutal-btn:active{box-shadow:0 0 0 var(--term-black);transform:translate(6px,6px)}.terminal-border{border:3px solid var(--neon-pink);background:var(--term-dark);position:relative}.terminal-border:before{content:"";border:3px solid var(--neon-green);opacity:.5;z-index:-1;border-radius:0;position:absolute;inset:-4px}.text-glow-green{text-shadow:0 0 5px var(--neon-green), 0 0 10px var(--neon-green), 0 0 20px var(--neon-purple)}.text-glow-pink{text-shadow:0 0 5px var(--neon-pink), 0 0 10px var(--neon-pink), 0 0 20px var(--glitch-red)}.marquee{white-space:nowrap;animation:20s linear infinite marquee;display:flex;overflow:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.scan-text{background:linear-gradient(to bottom, var(--term-light) 40%, transparent 40%, transparent 60%, var(--term-light) 60%);background-size:100% 4px;animation:3s linear infinite scan}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}.brutal-corners{position:relative}.brutal-corners:before{content:"";border-top:4px solid var(--neon-pink);border-left:4px solid var(--neon-pink);z-index:1;width:30px;height:30px;position:absolute;top:0;left:0}.brutal-corners:after{content:"";border-bottom:4px solid var(--neon-green);border-right:4px solid var(--neon-green);z-index:1;width:30px;height:30px;position:absolute;bottom:0;right:0}.noise-overlay{pointer-events:none;z-index:9998;opacity:.05;width:100vw;height:100vh;position:fixed;top:0;left:0}.noise-overlay:before{content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.brutal-grid{background-image:linear-gradient(#00ff411a 1px,#0000 1px),linear-gradient(90deg,#ff00ff1a 1px,#0000 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(#0000 0%,currentColor 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,currentColor 10% 90%,#0000 100%)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--term-black);border-left:2px solid var(--term-gray)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border:2px solid var(--term-black)}::-webkit-scrollbar-thumb:hover{background:var(--hot-pink)}::selection{background:var(--neon-pink);color:var(--term-light)}.brutal-card{background:var(--term-dark);border:3px solid var(--neon-green);margin:1rem;padding:2rem;transition:all .2s;position:relative;overflow:hidden}.brutal-card:hover{border-color:var(--neon-pink);transform:translateY(-5px);box-shadow:0 10px 30px #00ff414d,inset 0 0 0 1px #00000080}.brutal-card:before{content:attr(data-category);color:var(--neon-pink);opacity:.8;font-family:Space Mono,monospace;font-size:.75rem;position:absolute;top:-10px;right:-10px;transform:rotate(15deg)}.scrolling-marquee{animation:30s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.cursor-blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fade-in}.terminal-input{background:var(--term-black);border:1px solid var(--neon-green);color:var(--neon-green);border-radius:0;outline:none;width:100%;padding:.75rem 1rem;font-family:Space Mono,monospace;font-size:1rem;transition:border-color .1s,box-shadow .1s}.terminal-input:focus{border-color:var(--acid-yellow);box-shadow:0 0 0 1px var(--acid-yellow);caret-color:var(--neon-green)}.terminal-input::placeholder{color:#00ff414d}.tech-pill{border:2px solid var(--neon-green);color:var(--neon-green);letter-spacing:.1em;text-transform:uppercase;cursor:default;white-space:nowrap;padding:.5rem 1rem;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;transition:all .1s;display:inline-block}.tech-pill:hover{border-color:var(--neon-pink);color:var(--acid-yellow);box-shadow:4px 4px 0 var(--neon-pink)}.marquee-track{gap:1.5rem;animation:25s linear infinite marquee;display:flex}.marquee-track-reverse{gap:1.5rem;animation:25s linear infinite marquee-reverse;display:flex}@keyframes marquee-reverse{0%{transform:translate(-100%)}to{transform:translate(0)}}