@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";#root{height:100vh;width:100vw;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:VT323,monospace;background:#000;color:#0f0;font-size:18px;line-height:1.6;position:relative}body:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;animation:flicker .15s infinite}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}@keyframes flicker{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.header{border:2px solid #00ff00;padding:20px;margin-bottom:30px;position:relative;background:#001400cc;box-shadow:0 0 20px #00ff0080}.header:before{content:"[SYSTEM INITIALIZED]";position:absolute;top:-12px;left:20px;background:#000;padding:0 10px;font-size:14px;color:#0f0;animation:blink 1s infinite}h1{font-size:48px;text-align:center;margin:20px 0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00;position:relative}.glitch{animation:glitch 2s infinite}@keyframes glitch{0%,to{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}25%{text-shadow:-2px 0 #ff0000,2px 0 #00ffff,0 0 10px #00ff00}50%{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px #00ff00}75%{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}}.ascii-art{text-align:center;font-size:12px;line-height:1;margin:20px 0;color:#0f0;opacity:.8}@media (max-width: 768px){.ascii-art{font-size:4px}}nav{margin:30px 0;text-align:center}nav a{color:#0f0;text-decoration:none;margin:0 15px;padding:8px 15px;border:1px solid #00ff00;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:#0f0;transition:left .3s;z-index:-1}nav a:hover{color:#000;box-shadow:0 0 15px #0f0;text-shadow:none}nav a:hover:before{left:0}.section{margin:40px 0;padding:30px;border:1px solid #00ff00;background:#0014004d;position:relative}.section:before{content:">";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:30px;color:#0f0;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 #00ff00;position:relative}h2:after{content:"_";animation:cursor 1s infinite}@keyframes cursor{0%,50%{opacity:1}51%,to{opacity:0}}.award-item,.work-item,.project-item,.education-item{margin:20px 0;padding:15px;border-left:3px solid #00ff00;background:#00ff000d}.education-item,.award-item,.project-item,.work-item{cursor:pointer}.award-item:hover,.work-item:hover,.project-item:hover,.education-item:hover{background:#00ff001a;box-shadow:0 0 10px #00ff004d}.date{color:#0c0;font-size:16px;opacity:.8}.event,.award,.position,.project,.school{font-size:24px;margin:10px 0;color:#0f0}.techs-container,.skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tech,.skill{padding:5px 15px;border:1px solid #00ff00;background:#00ff001a;font-size:16px;transition:all .3s}.tech:hover,.skill:hover{background:#0f0;color:#000;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 #00ff00;padding:20px;background:#00140080;transition:all .3s;position:relative;overflow:hidden;cursor:pointer}.project-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0f0,#0c0,#0f0);z-index:-1;opacity:0;transition:opacity .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ff004d;color:#00140080}.project-card:hover .project{color:#000}.project-card:hover .skills-container .skill{border:1px solid #061701;background:#061701;color:#0f0}.project-card:hover:before{opacity:1}footer{text-align:center;margin-top:50px;padding:30px;border-top:2px solid #00ff00;position:relative}.contact-info{margin:20px 0}.contact-info a{color:#0f0;text-decoration:none;margin:0 15px;transition:all .3s}.contact-info a:hover{text-shadow:0 0 10px #00ff00}.typing{white-space:nowrap;position:relative}.typing:after{content:"|";color:#0f0;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:.1;pointer-events: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}}