@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg: #0a0014;--on-accent: #0a0014;--text: #00f0ff;--accent: #ff2bd6;--accent-rgb: 255 43 214;--accent-muted: #00a8c0;--accent-2: #00f0ff;--accent-2-rgb: 0 240 255;--surface-rgb: 30 0 48;--surface-solid: #1a0028;--glow: rgb(var(--accent-rgb) / .5);--glitch-a: #00f0ff;--glitch-b: #ffe600;--card-hover-fill: var(--accent);--avatar-hue: 258deg;--avatar-hue-a: 262deg;--avatar-hue-b: 131deg;--matrix-fade: rgb(10 0 20 / .04);--matrix-lead: var(--accent-2);--matrix-opacity: .16}[data-theme=hacker]{--bg: #000000;--on-accent: #000000;--text: #00ff00;--accent: #00ff00;--accent-rgb: 0 255 0;--accent-muted: #00cc00;--accent-2: #00ffaa;--accent-2-rgb: 0 255 170;--surface-rgb: 0 20 0;--surface-solid: #061701;--glitch-a: #ff0000;--glitch-b: #00ffff;--card-hover-fill: linear-gradient( 45deg, var(--accent), var(--accent-muted), var(--accent) );--avatar-hue: 65deg;--avatar-hue-a: 50deg;--avatar-hue-b: 90deg;--matrix-fade: rgb(0 0 0 / .04);--matrix-lead: var(--accent);--matrix-opacity: .1}[data-theme=fallout]{--bg: #120c00;--on-accent: #120c00;--text: #ffb000;--accent: #ffb000;--accent-rgb: 255 176 0;--accent-muted: #c98a00;--accent-2: #ffd980;--accent-2-rgb: 255 217 128;--surface-rgb: 31 21 0;--surface-solid: #1f1500;--glitch-a: #00d5ff;--glitch-b: #b026ff;--card-hover-fill: linear-gradient( 45deg, var(--accent), var(--accent-muted), var(--accent) );--avatar-hue: 3deg;--avatar-hue-a: 16deg;--avatar-hue-b: 150deg;--matrix-fade: rgb(18 12 0 / .04);--matrix-lead: var(--accent-2);--matrix-opacity: .11}[data-theme=pirate]{--bg: #000000;--on-accent: #000000;--text: #ff0000;--accent: #ff0000;--accent-rgb: 255 0 0;--accent-muted: #cc0000;--accent-2: #ff6600;--accent-2-rgb: 255 102 0;--surface-rgb: 26 0 0;--surface-solid: #1a0000;--glitch-a: #ff0000;--glitch-b: #ff00ff;--card-hover-fill: var(--accent);--avatar-hue: -48deg;--avatar-hue-a: -40deg;--avatar-hue-b: 140deg;--matrix-fade: rgb(0 0 0 / .04);--matrix-lead: var(--accent);--matrix-opacity: .15}#root{height:100vh;width:100vw;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,monospace;background:var(--bg);color:var(--text);font-size:18px;line-height:1.6;position:relative}body:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#ffffff0d 66%,#00000080 66%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 3px,3px 100%;pointer-events:none;transform:translateZ(0)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:3;transform:translateZ(0)}.crt-flicker{position:fixed;top:0;left:0;width:100%;height:100%;background:#12101017;z-index:4;pointer-events:none;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}html[data-crt=turning-on] #root,html[data-crt=warming-up] .crt-boot{animation:crt-turn-on 1.1s linear}html[data-crt=warming-up] #root,html[data-crt=booting] #root{opacity:0;visibility:hidden}html[data-crt=turning-on],html[data-crt=warming-up] #root,html[data-crt=booting] #root{overflow:hidden}@keyframes crt-turn-on{0%{transform:scaleY(.8) translateZ(0);filter:brightness(30);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);filter:brightness(30);opacity:1}11%{transform:scale(1) translateZ(0);filter:contrast(0) brightness(0);opacity:0}to{transform:scale(1) translateZ(0);filter:contrast(1) brightness(1);opacity:1}}.crt-boot{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--bg);color:var(--text);font-family:VT323,monospace;font-size:clamp(12px,3.4vw,19px);line-height:1.2;white-space:pre;overflow:hidden;cursor:pointer}.crt-boot-screen{padding:3vh 0 0 2.5vw}.crt-boot-box{display:inline-block;margin:.6em 0;padding:.3em 1.2em .5em;border:1px solid var(--accent)}.crt-boot-footer{position:absolute;left:2.5vw;right:2.5vw;bottom:3vh;display:flex;justify-content:space-between;gap:1em;color:var(--accent-muted)}@media (max-width: 768px){.crt-boot{line-height:1.45}.crt-boot-footer span:last-child{display:none}}.crt-beam{position:fixed;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:var(--text);box-shadow:0 0 12px 2px var(--text),0 0 48px 10px rgb(var(--accent-2-rgb) / .55);z-index:5;pointer-events:none;opacity:0;transform:scaleX(0)}html[data-crt=turning-on] .crt-beam{animation:crt-beam-on 1.1s linear}@keyframes crt-beam-on{0%{transform:scaleX(.02);opacity:1}8%{transform:scaleX(1);opacity:1}22%{transform:scaleX(1);opacity:0}to{transform:scaleX(1);opacity:0}}@media (prefers-reduced-motion: reduce){.crt-flicker{animation:none;opacity:.35}.crt-beam{display:none}html[data-crt=turning-on] #root{animation:none}}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.header{border:2px solid var(--accent);padding:20px;margin-bottom:30px;position:relative;background:rgb(var(--surface-rgb) / .8);box-shadow:0 0 20px var(--glow)}.header:before{content:"[SYSTEM INITIALIZED]";position:absolute;top:-12px;left:20px;background:var(--bg);padding:0 10px;font-size:14px;color:var(--accent);animation:blink 1s infinite}h1{font-size:48px;text-align:center;margin:20px 0;text-shadow:0 0 10px var(--accent),0 0 20px var(--accent);position:relative}.glitch{animation:glitch 2s infinite}@keyframes glitch{0%,to{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}25%{text-shadow:-2px 0 var(--glitch-a),2px 0 var(--glitch-b),0 0 10px var(--accent)}50%{text-shadow:2px 0 var(--glitch-a),-2px 0 var(--glitch-b),0 0 20px var(--accent)}75%{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}}.avatar{text-align:center;margin:20px 0;--glitch-cycle: 6.5s}.avatar-frame{position:relative;display:inline-block;width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);animation:avatar-jolt var(--glitch-cycle) steps(1) infinite}.avatar-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(1) hue-rotate(var(--avatar-hue)) saturate(2.5)}.avatar-frame:before,.avatar-frame:after{content:"";position:absolute;inset:0;background:url(/avatar.jpg) center / cover no-repeat;mix-blend-mode:screen;opacity:0;visibility:hidden;pointer-events:none}.avatar-frame:before{filter:grayscale(1) sepia(1) hue-rotate(var(--avatar-hue-a)) saturate(9) brightness(1.4);animation:avatar-scan-a var(--glitch-cycle) steps(1) infinite}.avatar-frame:after{filter:grayscale(1) sepia(1) hue-rotate(var(--avatar-hue-b)) saturate(9) brightness(1.15);animation:avatar-scan-b var(--glitch-cycle) steps(1) infinite}@keyframes avatar-jolt{0%,90.4%,95.8%,to{transform:skew(0);box-shadow:0 0 20px var(--glow)}88%{transform:skew(7deg);box-shadow:0 0 30px rgb(var(--accent-rgb) / .9),0 0 10px rgb(var(--accent-rgb) / .7)}88.6%{transform:skew(-7deg);box-shadow:0 0 30px rgb(var(--accent-rgb) / .9),0 0 10px rgb(var(--accent-rgb) / .7)}89.2%{transform:skew(4deg) skewY(2deg);box-shadow:0 0 22px rgb(var(--accent-rgb) / .6)}89.8%{transform:skew(0);box-shadow:0 0 22px rgb(var(--accent-rgb) / .6)}94%{transform:skew(-8deg) skewY(-2deg);box-shadow:0 0 30px rgb(var(--accent-rgb) / .9),0 0 10px rgb(var(--accent-rgb) / .7)}94.6%{transform:skew(6deg);box-shadow:0 0 30px rgb(var(--accent-rgb) / .9),0 0 10px rgb(var(--accent-rgb) / .7)}95.2%{transform:skew(0);box-shadow:0 0 22px rgb(var(--accent-rgb) / .6)}}@keyframes avatar-scan-a{0%,to{opacity:0;visibility:hidden;transform:translate(0)}88%{opacity:.65;visibility:visible;clip-path:inset(72% 0 10% 0);transform:translate(-8px)}88.6%{opacity:.65;visibility:visible;clip-path:inset(50% 0 36% 0);transform:translate(6px)}89.2%{opacity:.65;visibility:visible;clip-path:inset(26% 0 62% 0);transform:translate(-5px)}89.8%{opacity:.65;visibility:visible;clip-path:inset(6% 0 84% 0);transform:translate(7px)}90.4%{opacity:0;visibility:hidden}94%{opacity:.65;visibility:visible;clip-path:inset(14% 0 70% 0);transform:translate(9px)}94.6%{opacity:.65;visibility:visible;clip-path:inset(38% 0 46% 0);transform:translate(-6px)}95.2%{opacity:.65;visibility:visible;clip-path:inset(64% 0 20% 0);transform:translate(5px)}95.8%{opacity:0;visibility:hidden}}@keyframes avatar-scan-b{0%,to{opacity:0;visibility:hidden;transform:translate(0)}88%{opacity:.65;visibility:visible;clip-path:inset(58% 0 26% 0);transform:translate(7px)}88.6%{opacity:.65;visibility:visible;clip-path:inset(32% 0 56% 0);transform:translate(-6px)}89.2%{opacity:.65;visibility:visible;clip-path:inset(12% 0 74% 0);transform:translate(8px)}89.8%{opacity:.65;visibility:visible;clip-path:inset(78% 0 8% 0);transform:translate(-7px)}90.4%{opacity:0;visibility:hidden}94%{opacity:.65;visibility:visible;clip-path:inset(46% 0 38% 0);transform:translate(-9px)}94.6%{opacity:.65;visibility:visible;clip-path:inset(20% 0 66% 0);transform:translate(6px)}95.2%{opacity:.65;visibility:visible;clip-path:inset(70% 0 14% 0);transform:translate(-5px)}95.8%{opacity:0;visibility:hidden}}@media (max-width: 768px){.avatar-frame{width:90px;height:90px}}nav{margin:30px 0;text-align:center}nav a{color:var(--text);text-decoration:none;margin:0 15px;padding:8px 15px;border:1px solid var(--accent);display:inline-block;position:relative;overflow:hidden;transition:all .3s;text-transform:uppercase;font-size:20px}nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:left .3s;z-index:-1}nav a:hover{color:var(--on-accent);box-shadow:0 0 15px var(--accent);text-shadow:none}nav a:hover:before{left:0}.anim-paused,.anim-paused *,.anim-paused:before,.anim-paused:after,.anim-paused *:before,.anim-paused *:after{animation-play-state:paused!important}.section{margin:40px 0;padding:30px;border:1px solid var(--accent);background:rgb(var(--surface-rgb) / .3);position:relative}.section:before{content:">";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:30px;color:var(--accent);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}h2{font-size:32px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--accent);position:relative}h2:after{content:"_";animation:cursor 1s infinite}@keyframes cursor{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-block{min-height:calc(var(--terminal-lines, 1) * 1.6em);margin-bottom:1.6em}.terminal-line{white-space:pre-wrap}.terminal-cursor{display:inline-block;width:.6em;height:1em;margin-left:2px;background:var(--accent);vertical-align:text-bottom;animation:blink 1s steps(1) infinite}footer .terminal-block{display:inline-block;text-align:left;min-width:calc(var(--terminal-cols, 1) * 1ch)}.terminal-reveal>*{animation:terminal-reveal-in .4s ease-out backwards}.terminal-reveal>*:nth-child(1){animation-delay:0s}.terminal-reveal>*:nth-child(2){animation-delay:.09s}.terminal-reveal>*:nth-child(3){animation-delay:.18s}.terminal-reveal>*:nth-child(4){animation-delay:.27s}.terminal-reveal>*:nth-child(5){animation-delay:.36s}.terminal-reveal>*:nth-child(6){animation-delay:.45s}.terminal-reveal>*:nth-child(7){animation-delay:.54s}.terminal-reveal>*:nth-child(8){animation-delay:.63s}@keyframes terminal-reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.terminal-cursor{animation:none}.terminal-reveal>*{animation:none}}.award-item,.work-item,.project-item,.education-item{margin:20px 0;padding:15px;border-left:3px solid var(--accent);background:rgb(var(--accent-rgb) / .05)}.education-item,.award-item,.project-item,.work-item{cursor:pointer}.award-item:hover,.work-item:hover,.project-item:hover,.education-item:hover{background:rgb(var(--accent-rgb) / .1);box-shadow:0 0 10px rgb(var(--accent-rgb) / .3)}.date{color:var(--accent-muted);font-size:16px;opacity:.8}.event,.award,.position,.project,.school{font-size:24px;margin:10px 0;color:var(--accent)}.techs-container,.skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tech,.skill{padding:5px 15px;border:1px solid var(--accent);background:rgb(var(--accent-rgb) / .1);font-size:16px;transition:all .3s}.tech:hover,.skill:hover{background:var(--accent);color:var(--on-accent);transform:scale(1.1)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}@media (max-width: 768px){.projects-grid{grid-template-columns:none}}.project-card{border:1px solid var(--accent);padding:20px;background:rgb(var(--surface-rgb) / .5);transition:all .3s;position:relative;overflow:hidden;cursor:pointer}.project-card:before{content:"";position:absolute;inset:-2px;background:var(--card-hover-fill);z-index:-1;opacity:0;transition:opacity .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(var(--accent-rgb) / .3);color:rgb(var(--surface-rgb) / .5)}.project-card:hover .project{color:var(--on-accent)}.project-card:hover .skills-container .skill{border:1px solid var(--surface-solid);background:var(--surface-solid);color:var(--accent)}.project-card:hover:before{opacity:1}footer{text-align:center;margin-top:50px;padding:30px;border-top:2px solid var(--accent);position:relative}.contact-info{margin:20px 0}.contact-info a{color:var(--text);text-decoration:none;margin:0 15px;transition:all .3s}.contact-info a:hover{text-shadow:0 0 10px var(--accent)}.typing{white-space:nowrap;position:relative}.typing:after{content:"|";color:var(--text);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:var(--matrix-opacity);pointer-events:none}.theme-toggle{position:fixed;top:20px;right:20px;z-index:10;font-family:VT323,monospace;font-size:20px;line-height:1;letter-spacing:1px;padding:6px 12px;color:var(--accent);background:rgb(var(--surface-rgb) / .8);border:1px solid var(--accent);box-shadow:0 0 10px rgb(var(--accent-rgb) / .3);cursor:pointer;transition:all .3s}.theme-toggle:hover{color:var(--on-accent);background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 15px rgb(var(--accent-2-rgb) / .6)}.theme-toggle:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media (max-width: 768px){.theme-toggle{top:auto;bottom:12px;right:12px;font-size:18px;padding:4px 10px}}@media (prefers-reduced-motion: reduce){.theme-toggle{transition:none}}.error-404-page{font-family:VT323,monospace;background:#000;color:#ff0;overflow:hidden;font-size:20px;line-height:1.6;position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000}.error-404-page:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ffff000f,#ffff0005,#ffff000f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;animation:flicker-404 .15s infinite}.error-404-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:3}@keyframes flicker-404{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.container-404{text-align:center;z-index:1;padding:20px;position:relative}.ascii-404{font-size:14px;line-height:1;color:#ff0;text-shadow:0 0 10px #ffff00,0 0 20px #ffff00,0 0 30px #ffff00;margin-bottom:30px;animation:pulse-404 2s infinite}@keyframes pulse-404{0%,to{opacity:1;text-shadow:0 0 10px #ffff00,0 0 20px #ffff00,0 0 30px #ffff00}50%{opacity:.8;text-shadow:0 0 5px #ffff00,0 0 10px #ffff00,0 0 15px #ffff00}}.error-message-404{border:2px solid #ffff00;padding:30px;background:#ffff000d;box-shadow:0 0 20px #ffff004d;max-width:600px;margin:0 auto;position:relative}.error-message-404:before{content:"[SYSTEM ERROR]";position:absolute;top:-12px;left:20px;background:#000;padding:0 10px;font-size:16px;color:#ff0;animation:blink-404 1s infinite}@keyframes blink-404{0%,50%{opacity:1}51%,to{opacity:0}}.error-message-404 h1{font-size:36px;margin:20px 0;animation:glitch-404 3s infinite;color:#ff0;text-shadow:0 0 10px #ffff00}@keyframes glitch-404{0%,to{text-shadow:0 0 10px #ffff00;transform:translate(0)}20%{text-shadow:-2px 0 #ff0000,2px 0 #00ffff;transform:translate(2px,-2px)}40%{text-shadow:2px 0 #ff00ff,-2px 0 #00ff00;transform:translate(-2px,2px)}60%{text-shadow:0 0 10px #ffff00;transform:translate(0)}}.terminal-text-404{margin:20px 0;text-align:left;font-size:18px}.terminal-text-404 span{display:block;margin:5px 0;opacity:0;animation:fadeIn-404 .5s forwards}.terminal-text-404 span:nth-child(1){animation-delay:.5s}.terminal-text-404 span:nth-child(2){animation-delay:1s}.terminal-text-404 span:nth-child(3){animation-delay:1.5s}.terminal-text-404 span:nth-child(4){animation-delay:2s}.terminal-text-404 span:nth-child(5){animation-delay:2.5s}@keyframes fadeIn-404{to{opacity:1}}.buttons-404{margin-top:30px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-404{color:#ff0;text-decoration:none;padding:10px 20px;border:1px solid #ffff00;display:inline-block;position:relative;overflow:hidden;transition:all .3s;text-transform:uppercase;font-size:18px;background:transparent;cursor:pointer;font-family:VT323,monospace}.btn-404:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ff0;transition:left .3s;z-index:-1}.btn-404:hover{color:#000;box-shadow:0 0 15px #ff0}.btn-404:hover:before{left:0}.matrix-bg-404{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.1}.cursor-404{animation:cursor-404 1s infinite}@keyframes cursor-404{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.ascii-404{font-size:8px}.error-message-404 h1{font-size:28px}.terminal-text-404{font-size:16px}}.error-page{font-family:VT323,monospace;background:#000;color:red;overflow-x:hidden;font-size:20px;line-height:1.6;position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000}.error-page:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#ff000005,#ff00000f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;animation:flicker-error .15s infinite}.error-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:3}@keyframes flicker-error{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.container-error{text-align:center;z-index:1;padding:20px;max-width:800px;position:relative}.ascii-skull{font-size:6px;line-height:1;color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,0 0 30px #ff0000;margin-bottom:30px;animation:flame-error 1.5s infinite}@keyframes flame-error{0%,to{text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,0 0 30px #ff0000;transform:scale(1)}25%{text-shadow:0 0 15px #ff0000,0 0 25px #ff0000,0 0 35px #ff0000;transform:scale(1.01)}50%{text-shadow:0 0 5px #ff0000,0 0 15px #ff0000,0 0 25px #ff0000;transform:scale(.99)}75%{text-shadow:0 0 12px #ff0000,0 0 22px #ff0000,0 0 32px #ff0000;transform:scale(1.01)}}.error-container{border:2px solid #ff0000;padding:30px;background:#ff00000d;box-shadow:0 0 30px #ff000080;position:relative;animation:alertPulse-error 2s infinite}@keyframes alertPulse-error{0%,to{box-shadow:0 0 30px #ff000080}50%{box-shadow:0 0 50px #f00c}}.error-container:before{content:"[CRITICAL SYSTEM FAILURE]";position:absolute;top:-12px;left:20px;background:#000;padding:0 10px;font-size:16px;color:red;animation:blink-error .5s infinite}@keyframes blink-error{0%,50%{opacity:1}51%,to{opacity:0}}.error-container h1{font-size:48px;margin:20px 0;animation:glitchText-error 2s infinite;position:relative;color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000}.error-container h1:before,.error-container h1:after{content:"SYSTEM FAILURE";position:absolute;top:0;left:0;width:100%;height:100%}.error-container h1:before{animation:glitchText1-error .5s infinite;color:red;z-index:-1}.error-container h1:after{animation:glitchText2-error .5s infinite;color:#f0f;z-index:-2}@keyframes glitchText-error{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitchText1-error{0%,to{clip:rect(40px,9999px,45px,0);transform:translate(0)}25%{clip:rect(20px,9999px,30px,0);transform:translate(-3px)}50%{clip:rect(50px,9999px,60px,0);transform:translate(3px)}75%{clip:rect(10px,9999px,20px,0);transform:translateY(3px)}}@keyframes glitchText2-error{0%,to{clip:rect(25px,9999px,35px,0);transform:translate(0)}25%{clip:rect(5px,9999px,15px,0);transform:translate(2px)}50%{clip:rect(40px,9999px,50px,0);transform:translate(-2px)}75%{clip:rect(30px,9999px,40px,0);transform:translateY(-2px)}}.error-details{margin:30px 0;text-align:left;border-left:3px solid #ff0000;padding-left:20px;background:#ff000008}.error-details p{margin:10px 0;font-size:18px;opacity:0;animation:fadeIn-error .5s forwards}.error-details p:nth-child(1){animation-delay:.5s}.error-details p:nth-child(2){animation-delay:.8s}.error-details p:nth-child(3){animation-delay:1.1s}.error-details p:nth-child(4){animation-delay:1.4s}.error-details p:nth-child(5){animation-delay:1.7s}.error-details p:nth-child(6){animation-delay:2s}@keyframes fadeIn-error{to{opacity:1}}.warning-error{color:#f60;font-size:16px;margin:20px 0;animation:warningFlash-error 1s infinite}@keyframes warningFlash-error{0%,to{opacity:1}50%{opacity:.5}}.buttons-error{margin-top:30px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-error{color:red;text-decoration:none;padding:10px 20px;border:1px solid #ff0000;display:inline-block;position:relative;overflow:hidden;transition:all .3s;text-transform:uppercase;font-size:18px;background:transparent;cursor:pointer;font-family:VT323,monospace}.btn-error:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:red;transition:left .3s;z-index:-1}.btn-error:hover{color:#000;box-shadow:0 0 20px red}.btn-error:hover:before{left:0}.matrix-bg-error{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.15}.cursor-error{animation:cursor-error 1s infinite}@keyframes cursor-error{0%,50%{opacity:1}51%,to{opacity:0}}.static-noise-error{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.02;z-index:1;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)" /></svg>')}.recovery-text{margin-top:30px;font-size:16px;opacity:.6}@media (max-width: 768px){.ascii-skull{font-size:4px;margin-top:128px}.error-container h1{font-size:32px}.error-details p{font-size:16px}}@media (max-width: 768px){nav a{display:block;margin:10px auto;width:200px}h1{font-size:32px}.section:before{display:none}}