@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Orbitron:wght@400;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ffffff;--dark: #000000;--light: #ffffff;--gray: #cccccc;--transition-speed: .5s}body.light-mode{--primary: #000000;--dark: #ffffff;--light: #000000;--gray: #333333}html,body{background:var(--dark);transition:background var(--transition-speed) ease,color var(--transition-speed) ease}body{font-family:Space Mono,monospace;background:var(--dark);color:var(--light);line-height:1.6;overflow-x:hidden;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0);transition:background var(--transition-speed) ease,color var(--transition-speed) ease}*,h1,h2,h3,h4,h5,h6{font-family:Space Mono,monospace!important}@supports (height: 100dvh){body{min-height:100dvh}}body{cursor:url('data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="2" height="2" fill="white"/><rect x="0" y="2" width="2" height="2" fill="white"/><rect x="0" y="4" width="2" height="2" fill="white"/></svg>'),auto}body.light-mode{cursor:url('data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="2" height="2" fill="black"/><rect x="0" y="2" width="2" height="2" fill="black"/><rect x="0" y="4" width="2" height="2" fill="black"/></svg>'),auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--light);border-radius:4px}body.crt-enabled:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.15) 100%),linear-gradient(transparent 50%,#00000008 50%);background-size:100% 100%,100% 4px;z-index:9998;pointer-events:none;animation:scanlines .1s linear infinite;will-change:background-position}@keyframes scanlines{0%{background-position:0 0,0 0}to{background-position:0 0,0 4px}}body.crt-enabled:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#ffffff0d,#0000004d);z-index:9997;pointer-events:none;border-radius:15px;box-shadow:inset 0 0 100px #000c}.parallax-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.parallax-layer{position:absolute;width:100%;height:100%;transition:transform .1s ease-out}.parallax-dots{background-image:radial-gradient(circle,var(--light) 1px,transparent 1px);background-size:50px 50px;opacity:.1}.particle{position:fixed;pointer-events:none;border-radius:50%;animation:float 2s ease-out forwards;z-index:9999}@keyframes float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(0);opacity:0}}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease}.page-transition.active{opacity:1;pointer-events:all}.boot-sequence{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);z-index:10000;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;color:var(--light)}.boot-content{max-width:600px;padding:2rem}.boot-line{font-size:1rem;margin-bottom:.5rem;opacity:0;animation:bootFadeIn .3s ease forwards}#bootLine1{animation-delay:0s;font-weight:700}#bootLine2{animation-delay:.4s}#bootLine3{animation-delay:.8s}#bootLine4{animation-delay:1.2s}#bootLine5{animation-delay:1.6s}#bootLine6{animation-delay:2.2s;font-weight:700}@keyframes bootFadeIn{to{opacity:1}}.glitch-hover{position:relative}.glitch-hover:hover{animation:glitch .3s ease-in-out}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.project-card:hover,.skill-item:hover,.btn:hover,.cta-button:hover,.submit-btn:hover,.tech-tag:hover,.interest-tag:hover{animation:glitch .3s ease-in-out}.project-card:hover:before,.skill-item:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff000008,#00ff0008,#0000ff08);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:999}.project-card:hover:before,.skill-item:hover:after{opacity:1}nav{position:fixed;top:0;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;padding:1rem 2rem;border-bottom:1px solid var(--light);transition:background var(--transition-speed) ease}body.light-mode nav{background:#fffffff2}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:none}.nav-links{display:flex;list-style:none;gap:2rem;justify-content:center;margin:0 auto}.nav-links a{color:var(--light);text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;border:1px solid transparent}.nav-links a:hover{border-color:var(--light);box-shadow:0 0 10px #ffffff80}.nav-links a.active{border-color:var(--light)}.nav-controls{display:flex;gap:.5rem;align-items:center}.theme-toggle,.crt-toggle,.easter-egg-btn{background:transparent;border:1px solid var(--light);color:var(--light);padding:.4rem .7rem;cursor:pointer;font-family:Space Mono,monospace;transition:all .2s ease;font-size:.65rem;opacity:.8;display:flex;align-items:center;justify-content:center;letter-spacing:1px;text-transform:uppercase}.theme-toggle:hover,.crt-toggle:hover,.easter-egg-btn:hover{opacity:1;background:var(--light);color:var(--dark)}.easter-egg-btn{font-weight:400;letter-spacing:2px}.crt-toggle,.theme-toggle{font-size:.6rem;letter-spacing:1px}.mobile-menu-toggle{display:none;background:none;border:1px solid var(--light);color:var(--light);font-size:1.5rem;padding:.5rem;cursor:pointer}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#000000f2;flex-direction:column;padding:1rem;border-top:1px solid var(--light)}body.light-mode .nav-links{background:#fffffff2}.nav-links.active{display:flex}.mobile-menu-toggle{display:block}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.terminal-loader{color:var(--light);font-family:Space Mono,monospace;font-size:1.5rem}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,2.5rem);text-align:center;margin-bottom:3rem;color:var(--light)}.section-title:after{content:"";display:block;width:100px;height:3px;background:var(--light);margin:1rem auto}.card{background:#ffffff05;padding:2rem;border:1px solid rgba(255,255,255,.3);border-radius:5px;transition:all .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--light);box-shadow:0 0 15px #ffffff4d}.btn,.cta-button{display:inline-block;padding:1rem 2rem;background:transparent;border:2px solid var(--light);color:var(--light);text-decoration:none;font-family:Space Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;cursor:pointer}.btn:hover,.cta-button:hover{background:var(--light);color:var(--dark)}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0}.stat-item{text-align:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.3);border-radius:5px;transition:all .3s ease}.stat-item:hover{transform:translateY(-10px);box-shadow:0 10px 30px #fff3}.stat-number{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;color:var(--light);display:block;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:2px}.testimonials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.testimonial-card{background:#ffffff05;padding:2rem;border:1px solid rgba(255,255,255,.3);border-radius:5px;position:relative}.testimonial-quote{font-style:italic;margin-bottom:1rem;line-height:1.8}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-avatar{width:50px;height:50px;border-radius:50%;border:2px solid var(--light)}.testimonial-info h4{margin:0;font-size:1rem}.testimonial-info p{margin:0;font-size:.8rem;opacity:.7}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-content h1{font-family:Space Mono,monospace;font-size:clamp(2rem,8vw,4rem);font-weight:400;margin-bottom:1rem;color:var(--light);text-transform:lowercase;letter-spacing:3px}#typed-name{border-right:2px solid var(--light)}.hero-content p{font-size:clamp(1rem,3vw,1.2rem);color:var(--light);margin-bottom:2rem;max-width:600px}.about-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:800px;margin:0 auto}.profile-section,.about-text,.about-text h3,.about-text h4{text-align:center}.subsection-title{font-size:1.3rem;font-weight:700;margin-top:3rem;margin-bottom:1.5rem;color:var(--light);text-align:center;letter-spacing:1px}.profile-img{width:200px;height:200px;margin:2rem auto;border:1px solid var(--light);position:relative;overflow:hidden;background:#000}.about-gallery{display:flex;justify-content:center;margin:3rem 0}.about-gallery img{width:200px;height:200px;object-fit:cover;border:1px solid var(--light);loading:lazy}.ascii-animation{font-family:Space Mono,monospace;font-size:.8rem;line-height:1;text-align:center;margin:2rem 0;white-space:pre;color:var(--light);animation:asciiGlow 3s ease-in-out infinite alternate}@keyframes asciiGlow{0%{text-shadow:0 0 5px rgba(255,255,255,.5);transform:scale(1)}50%{text-shadow:0 0 15px rgba(255,255,255,.8);transform:scale(1.02)}to{text-shadow:0 0 10px rgba(255,255,255,.6);transform:scale(1)}}.ascii-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline{margin:3rem 0 4rem}.timeline-item{border-left:2px solid var(--light);padding-left:2rem;margin-bottom:2rem;position:relative;display:grid;grid-template-columns:140px 1fr;column-gap:1.5rem;align-items:start;row-gap:.25rem}.timeline-item:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;background:var(--light);border-radius:50%;transition:all .3s ease}.timeline-item:hover:before{width:15px;height:15px;left:-8.5px;box-shadow:0 0 10px var(--light)}.timeline-item.no-dot:before{display:none}.timeline-date{color:var(--light);font-weight:700;font-size:.9rem;grid-column:1}.timeline-title{font-weight:700;margin:0;grid-column:2}.timeline-item p{grid-column:2;margin:.25rem 0 0}.interests{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;justify-content:center}.interest-tag{background:transparent;border:1px solid var(--light);color:var(--light);padding:.5rem 1rem;border-radius:3px;font-size:.9rem;transition:all .3s ease}.interest-tag:hover{background:var(--light);color:var(--dark);transform:translateY(-3px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.skill-item{background:#ffffff05;padding:1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:5px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.skill-item:hover{transform:translateY(-5px);border-color:var(--light);box-shadow:0 0 15px #ffffff4d}.skill-item:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:var(--light);opacity:.1;transition:height .3s ease}.skill-item:hover:before{height:100%}.skill-item h4,.skill-item h5{position:relative;z-index:1;font-size:1rem;margin-bottom:.5rem}.skill-item p{position:relative;z-index:1}.skill-progress{margin-top:1rem;background:var(--light);height:4px;border-radius:0;overflow:hidden;position:relative;opacity:.3}.skill-progress-bar{height:100%;background:var(--light);width:100%;transition:none;border-radius:0}@media (max-width: 768px){.about-content{grid-template-columns:1fr;text-align:center}.profile-img{width:300px;height:300px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#ffffff05;border:1px solid rgba(255,255,255,.3);border-radius:5px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);border-color:var(--light);box-shadow:0 0 20px #ffffff4d}.project-image{width:100%;aspect-ratio:16 / 9;background:var(--dark);border:1px solid var(--light);display:block;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.project-card a[href="/app.html"] .project-image img{object-fit:contain;object-position:center;padding:1rem;background:var(--dark)}.project-card:hover .project-image img{transform:scale(1.05)}.project-card a{text-decoration:none;color:inherit;display:block}.project-content{padding:1.5rem}.project-title{font-family:Orbitron,sans-serif;color:var(--light);margin-bottom:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:transparent;color:var(--light);padding:.3rem .8rem;border-radius:3px;font-size:.8rem;border:1px solid var(--light);transition:all .3s ease}.tech-tag:hover{background:var(--light);color:var(--dark)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:var(--light);font-weight:700;transition:color var(--transition-speed) ease}.form-group input,.form-group textarea{width:100%;padding:1rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:3px;color:var(--light);font-family:Space Mono,monospace;font-size:1rem;transition:all .3s ease}body.light-mode .form-group input,body.light-mode .form-group textarea{border:1px solid rgba(0,0,0,.3)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--light);box-shadow:0 0 10px #ffffff4d}body.light-mode .form-group input:focus,body.light-mode .form-group textarea:focus{box-shadow:0 0 10px #0003}.form-group textarea{height:120px;resize:vertical}.form-group.error input,.form-group.error textarea{border-color:#f44}.form-group .error-message{color:#f44;font-size:.8rem;margin-top:.25rem;display:none}.form-group.error .error-message{display:block}.form-group.success input,.form-group.success textarea{border-color:#4f4}.submit-btn{width:100%;padding:1rem;background:transparent;border:2px solid var(--light);color:var(--light);font-family:Space Mono,monospace;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn:hover{background:var(--light);color:var(--dark)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn.loading{position:relative;overflow:hidden;pointer-events:none}.retro-loading-bar{position:absolute;top:0;left:0;width:0;height:100%;background:var(--light);transition:width .3s linear;z-index:0}.submit-btn.loading .retro-loading-bar{animation:retroLoad 3s ease-in-out forwards}@keyframes retroLoad{0%{width:0%}10%{width:15%}30%{width:35%}50%{width:60%}70%{width:80%}90%{width:95%}to{width:100%}}.submit-btn.loading span{position:relative;z-index:1;mix-blend-mode:difference}.submit-btn.success{background:var(--light);color:var(--dark);border-color:var(--light)}.form-message{padding:1rem;margin-top:1rem;border-radius:3px;text-align:center;display:none;animation:slideIn .3s ease}.form-message.show{display:block}.form-message.success{background:#44ff441a;border:1px solid #44ff44;color:#4f4}.form-message.error{background:#ff44441a;border:1px solid #ff4444;color:#f44}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tetris-game{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid var(--light);padding:20px;display:none;flex-direction:column;align-items:center;z-index:10002;border-radius:10px}.tetris-game.active{display:flex}.tetris-header{display:flex;gap:2rem;margin-bottom:1rem;color:var(--light);font-family:Space Mono,monospace}.tetris-canvas{border:1px solid var(--light);background:#000}.tetris-controls{margin-top:1rem;text-align:center;color:var(--light);font-size:.8rem}.next-piece{border:1px solid var(--light);background:#000;margin-left:1rem}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid var(--light);padding:2rem;text-align:center;color:var(--light);font-family:Space Mono,monospace;z-index:10003;display:none}.game-over.active{display:block}.snake-game{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid var(--light);padding:20px;display:none;flex-direction:column;align-items:center;z-index:10001;border-radius:10px}.snake-game.active{display:flex}.snake-canvas{border:1px solid var(--light);background:#000}.snake-score{color:var(--light);margin-bottom:10px;font-family:Space Mono,monospace}.snake-controls{margin-top:10px;text-align:center;color:var(--light);font-size:.8rem}.snake-game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid var(--light);padding:2rem;text-align:center;color:var(--light);font-family:Space Mono,monospace;z-index:10004;display:none}.snake-game-over.active{display:block}@media (max-width: 768px){.tetris-game,.snake-game{width:90%;max-width:350px;padding:15px}.tetris-canvas{width:250px;height:500px}.snake-canvas{width:250px;height:250px}.tetris-header{flex-direction:column;gap:.5rem}.next-piece{margin-left:0;margin-top:.5rem}}.retro-stats{position:fixed;bottom:2rem;right:2rem;background:#000000e6;border:2px solid var(--light);padding:1rem;z-index:1000;min-width:300px;max-width:400px;font-family:Space Mono,monospace;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.85;transition:opacity .3s ease}.retro-stats:hover{opacity:1}@media (max-width: 768px){.retro-stats{bottom:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.session-stats-section{padding:2rem 1rem!important;max-width:700px;margin:0 auto}.session-stats-header{text-align:center;font-size:1.1rem;font-weight:400;margin-bottom:1.5rem;color:var(--light);letter-spacing:1px;opacity:.7}.retro-stats-section{background:transparent;border:1px solid var(--light);padding:1rem;margin:0 auto;font-family:Space Mono,monospace;max-width:600px}.retro-stats-title{text-align:center;font-size:.7rem;margin-bottom:.75rem;color:var(--light);letter-spacing:2px;opacity:.6}.retro-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.retro-stat-item{background:transparent;border:1px solid var(--light);padding:.5rem .4rem;text-align:center;position:relative}.retro-stat-label{font-size:.55rem;opacity:.5;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem;color:var(--light);display:block}.retro-stat-value{font-size:.95rem;font-weight:400;color:var(--light);font-family:Space Mono,monospace;display:block}.retro-stat-unit{font-size:.8rem;opacity:.8;margin-top:.25rem;color:var(--light)}.retro-stats-footer{text-align:center;margin-top:1rem;font-size:.7rem;opacity:.5;color:var(--light)}footer{background:#111;padding:2rem;text-align:center;border-top:2px solid var(--light);transition:background var(--transition-speed) ease}body.light-mode footer{background:#eee}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.social-links a{color:var(--light);font-size:1.5rem;transition:all .3s ease}.social-links a:hover{transform:translateY(-3px);filter:drop-shadow(0 5px 10px rgba(255,255,255,.5))}.social-links svg{width:24px;height:24px;fill:currentColor;display:block}.cv-download{display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;background:transparent;border:1px solid var(--light);color:var(--light);text-decoration:none;font-family:Space Mono,monospace;transition:all .3s ease}.cv-download:hover{background:var(--light);color:var(--dark)}.cv-actions{text-align:center;margin-top:2rem}@media (max-width: 768px){section{padding:3rem 1rem}}