@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";
.glitch-text{text-shadow:.05em 0 #ff0000bf,-.05em -.025em #00ff00bf,.025em .05em #0000ffbf;animation:1s infinite glitch}@keyframes glitch{0%{text-shadow:.05em 0 #ff0000bf,-.05em -.025em #00ff00bf,.025em .05em #0000ffbf}14%{text-shadow:.05em 0 #ff0000bf,-.05em -.025em #00ff00bf,.025em .05em #0000ffbf}15%{text-shadow:-.05em -.025em #ff0000bf,.025em .025em #00ff00bf,-.05em -.05em #0000ffbf}49%{text-shadow:-.05em -.025em #ff0000bf,.025em .025em #00ff00bf,-.05em -.05em #0000ffbf}50%{text-shadow:.025em .05em #ff0000bf,.05em 0 #00ff00bf,0 -.05em #0000ffbf}99%{text-shadow:.025em .05em #ff0000bf,.05em 0 #00ff00bf,0 -.05em #0000ffbf}to{text-shadow:-.025em 0 #ff0000bf,-.025em -.025em #00ff00bf,-.025em -.05em #0000ffbf}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:.8s ease-out forwards fadeIn}.animate-slide-in-left{opacity:0;animation:.6s ease-out forwards slideInLeft}.animate-slide-in-right{opacity:0;animation:.6s ease-out forwards slideInRight}.animate-slide-in-up{opacity:0;animation:.7s ease-out forwards slideInUp}html,body{background-color:#000;margin:0;padding:0}.terminal-font{font-family:Fira Code,VT323,monospace}.matrix-bg{background-color:#000;position:relative}.matrix-bg:before{content:"";opacity:.2;z-index:0;pointer-events:none;background:linear-gradient(#000000e6,#000000e6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='matrix' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Ctext x='0' y='15' fill='rgba(0, 255, 0, 0.7)' font-size='20'%3E01%3C/text%3E%3Ctext x='20' y='30' fill='rgba(0, 255, 0, 0.5)' font-size='15'%3E10%3C/text%3E%3Ctext x='10' y='45' fill='rgba(0, 255, 0, 0.3)' font-size='25'%3E0%3C/text%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23matrix)'/%3E%3C/svg%3E");width:100%;height:100%;animation:20s linear infinite matrix-rain;position:absolute;top:0;left:0}@keyframes matrix-rain{0%{background-position:0 0}to{background-position:0 1000px}}.glitch{text-shadow:0 0 5px #468c4699;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 red;animation:2s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch:after{text-shadow:-1px 0 #00f;animation:3s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%)}20%{clip-path:inset(60% 0 1%)}40%{clip-path:inset(25% 0 58%)}60%{clip-path:inset(10% 0 90%)}80%{clip-path:inset(53% 0 34%)}to{clip-path:inset(82% 0 13%)}}@keyframes glitch-anim-2{0%{clip-path:inset(15% 0 49%)}20%{clip-path:inset(40% 0 14%)}40%{clip-path:inset(63% 0 36%)}60%{clip-path:inset(27% 0 19%)}80%{clip-path:inset(74% 0 25%)}to{clip-path:inset(46% 0 31%)}}.terminal-window{color:#0f0;background-color:#0d0d0d;border:1px solid #30ec30;border-radius:6px;padding:1rem;position:relative;box-shadow:0 0 15px #00ff0080}.terminal-header{border-bottom:1px solid #30ec30;align-items:center;margin-bottom:10px;padding-bottom:5px;display:flex}.terminal-button{border-radius:50%;width:12px;height:12px;margin-right:6px}.terminal-close{background-color:#ff5f56}.terminal-minimize{background-color:#ffbd2e}.terminal-maximize{background-color:#27c93f}.terminal-title{color:#30ec30;margin-left:10px;font-size:14px}.terminal-content{font-family:Fira Code,monospace;line-height:1.5}.terminal-prompt:before{content:"$ ";color:#30ec30}.cursor{vertical-align:text-bottom;background-color:#30ec30;width:10px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter{white-space:nowrap;letter-spacing:.15em;border-right:.15em solid #3b82f6;margin:0 auto;animation:3.5s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#30ec30}}.hacker-text{color:#30ec30}.hacker-bg{background-color:#0d0d0d}.hacker-border{border-color:#30ec30}.hacker-shadow{box-shadow:0 0 10px #00ff0080}.scan-line{position:relative}.scan-line:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#30ec3033 50%,#0000 100%) 0 0/100% 4px;width:100%;height:100%;animation:8s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{background-position:0 -100vh}to{background-position:0 100vh}}.hacker-card{background-color:#000;border:1px solid #30ec30;transition:all .3s;box-shadow:0 0 15px #00ff004d}.hacker-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #00ff00b3}.hacker-gradient-text{background:linear-gradient(135deg,#7bb78e 0%,#3bf648 50%,#22c55e 100%);color:#0000;text-shadow:0 0 30px #4ade804d;-webkit-background-clip:text;background-clip:text}.hacker-gradient-text-animated{background:linear-gradient(90deg,#7bb78e,#3bf648,#22c55e,#7bb78e) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.glow-pulse{animation:2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #4ade804d}50%{box-shadow:0 0 40px #4ade8099,0 0 60px #4ade804d}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.grid-bg{background-color:#0d0d0d;background-image:linear-gradient(#30ec301a 1px,#0000 1px),linear-gradient(90deg,#30ec301a 1px,#0000 1px);background-size:20px 20px;position:relative}.grid-bg:before{content:"";z-index:0;background-image:linear-gradient(#30ec301a 1px,#0000 1px),linear-gradient(90deg,#30ec301a 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;animation:20s linear infinite grid-animation;position:absolute;top:0;left:0}@keyframes grid-animation{0%{background-position:0 0}to{background-position:20px 20px}}