@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");.glitch-text{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75);animation:glitch 1s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}body,html{margin:0;padding:0;background-color:#000}.terminal-font{font-family:Fira Code,VT323,monospace}.matrix-bg{background-color:#000;position:relative}.matrix-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9)),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");opacity:.2;z-index:0;animation:matrix-rain 20s linear infinite}@keyframes matrix-rain{0%{background-position:0 0}to{background-position:0 1000px}}.glitch{position:relative;text-shadow:0 0 5px rgba(70,140,70,.6)}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 red;animation:glitch-anim-1 2s linear infinite alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 blue;animation:glitch-anim-2 3s linear infinite alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 1% 0)}40%{clip-path:inset(25% 0 58% 0)}60%{clip-path:inset(10% 0 90% 0)}80%{clip-path:inset(53% 0 34% 0)}to{clip-path:inset(82% 0 13% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(15% 0 49% 0)}20%{clip-path:inset(40% 0 14% 0)}40%{clip-path:inset(63% 0 36% 0)}60%{clip-path:inset(27% 0 19% 0)}80%{clip-path:inset(74% 0 25% 0)}to{clip-path:inset(46% 0 31% 0)}}.terminal-window{background-color:#0d0d0d;border-radius:6px;border:1px solid #30ec30;box-shadow:0 0 15px rgba(0,255,0,.5);padding:1rem;color:#0f0;position:relative}.terminal-header{display:flex;align-items:center;margin-bottom:10px;border-bottom:1px solid #30ec30;padding-bottom:5px}.terminal-button{width:12px;height:12px;border-radius:50%;margin-right:6px}.terminal-close{background-color:#ff5f56}.terminal-minimize{background-color:#ffbd2e}.terminal-maximize{background-color:#27c93f}.terminal-title{margin-left:10px;font-size:14px;color:#30ec30}.terminal-content{font-family:Fira Code,monospace;line-height:1.5}.terminal-prompt:before{content:"$ ";color:#30ec30}.cursor{display:inline-block;width:10px;height:1.2em;background-color:#30ec30;animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter{overflow:hidden;border-right:.15em solid #3b82f6;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}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 rgba(0,255,0,.5)}.scan-line{position:relative}.scan-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0,rgba(48,236,48,.2) 50%,transparent);background-size:100% 4px;animation:scan 8s linear infinite;pointer-events:none;z-index:1}@keyframes scan{0%{background-position:0 -100vh}to{background-position:0 100vh}}.hacker-card{background-color:rgba(0,0,0,1);border:1px solid #30ec30;box-shadow:0 0 15px rgba(0,255,0,.3);transition:all .3s ease}.hacker-card:hover{box-shadow:0 0 25px rgba(0,255,0,.7);transform:translateY(-5px)}.hacker-gradient-text{background:linear-gradient(90deg,#7bb78e,#3bf648);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(30,58,138,.3)}.grid-bg{background-color:#0d0d0d;position:relative}.grid-bg,.grid-bg:before{background-image:linear-gradient(rgba(48,236,48,.1) 1px,transparent 0),linear-gradient(90deg,rgba(48,236,48,.1) 1px,transparent 0);background-size:20px 20px}.grid-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;animation:grid-animation 20s linear infinite;z-index:0}@keyframes grid-animation{0%{background-position:0 0}to{background-position:20px 20px}}