:root{--bg-color: #050816;--card-bg: rgba(10, 14, 39, .7);--neon-green: #00ff41;--neon-cyan: #00ffff;--neon-purple: #8000ff;--neon-red: #ff0055;--text-color: #e0e0e0;--text-dim: #a0a0a0;--primary-font: "JetBrains Mono", monospace;--title-font: "Orbitron", sans-serif;--glitch-font: "Press Start 2P", cursive;--terminal-font: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--primary-font);overflow:hidden;line-height:1.6}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.overlay{position:relative;z-index:10;width:100%;pointer-events:none}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .8s ease,visibility .8s}.loader.loaded{opacity:0;visibility:hidden}.loader-content{text-align:center;width:300px}.progress-bar-container{height:4px;width:100%;background:#00ff411a;margin:20px 0;border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);transition:width .3s ease}.status-text{font-family:var(--terminal-font);font-size:.8rem;color:var(--neon-green);text-transform:uppercase}.cyber-nav{position:fixed;top:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:auto;background:linear-gradient(to bottom,rgba(5,8,22,.8),transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{font-family:var(--title-font);font-size:1.5rem;font-weight:900;color:var(--neon-green);letter-spacing:2px}.logo span{color:var(--neon-cyan);font-size:.8rem;margin-left:5px}.nav-links{display:flex;gap:30px}.nav-item{text-decoration:none;color:var(--text-color);font-size:.75rem;font-weight:700;letter-spacing:1px;transition:all .3s;position:relative;padding:5px 0}.nav-item:hover,.nav-item.active{color:var(--neon-cyan)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.access-status{font-size:.7rem;font-weight:700}.granted{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}#scroll-container{width:100%}.scene-section{min-height:100vh;display:flex;justify-content:center;align-items:center;width:100%;padding:100px 5%}.content-section{pointer-events:auto}.section-container{max-width:1200px;width:100%}.cyber-title{font-family:var(--title-font);font-size:3rem;margin-bottom:50px;color:var(--text-color);text-transform:uppercase;position:relative;display:inline-block}.cyber-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:var(--neon-cyan);filter:blur(2px);z-index:-1;opacity:.5}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,255,255,.15);border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0ff3;border-color:#00ffff80}.card-header{background:#00ffff1a;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,255,.2)}.file-name{font-size:.7rem;color:var(--neon-cyan);font-family:var(--terminal-font)}.window-controls{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.card-body{padding:30px}.typed-text{white-space:pre-wrap;font-size:.95rem;line-height:1.8}.social-hub-container{padding:60px 40px;text-align:center;max-width:800px;margin:0 auto;border:1px solid rgba(0,255,65,.2)!important}.social-header{font-family:var(--terminal-font);font-size:.8rem;color:var(--neon-green);margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.social-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:40px}.social-btn{padding:12px 25px;border:1px solid var(--neon-cyan);background:#00ffff0d;color:var(--neon-cyan);font-family:var(--terminal-font);font-size:.9rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.social-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan);transform:translateY(-5px)}.social-footer{font-size:.7rem;color:var(--text-dim);font-family:var(--terminal-font)}.blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.skills-grid,.projects-grid,.education-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.cyber-footer{padding:40px;background:#050816e6;border-top:1px solid rgba(0,255,65,.2);display:flex;justify-content:center;pointer-events:auto}.footer-info{display:flex;gap:40px;font-size:.7rem;color:var(--text-dim)}.status{color:var(--neon-green)}@media(max-width:768px){.nav-links{display:none}.cyber-title{font-size:2rem}.scene-section{padding:50px 20px}}.glitch{position:relative;color:#fff;text-transform:uppercase;font-family:var(--title-font)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch:before{left:2px;text-shadow:-2px 0 var(--neon-red);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}5%{clip:rect(70px,9999px,71px,0)}10%{clip:rect(29px,9999px,83px,0)}15%{clip:rect(16px,9999px,91px,0)}20%{clip:rect(2px,9999px,23px,0)}to{clip:rect(67px,9999px,7px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,34px,0)}20%{clip:rect(10px,9999px,40px,0)}40%{clip:rect(80px,9999px,90px,0)}to{clip:rect(81px,9999px,5px,0)}}.neon-text{color:var(--neon-green);text-shadow:0 0 7px var(--neon-green),0 0 10px var(--neon-green),0 0 21px var(--neon-green);animation:flicker-text 2s infinite}@keyframes flicker-text{0%,to{opacity:1}50%{opacity:.8}51%{opacity:.9}}.hack-title{font-family:var(--title-font);font-size:5rem;font-weight:900;color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green);margin-bottom:20px;letter-spacing:5px;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green)}50%{text-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-cyan)}}.identity-badge,.title-badge{background:#000000b3;padding:15px 25px;display:inline-block;border-left:5px solid var(--neon-cyan);margin:10px;font-family:var(--terminal-font);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.identity-photo{width:80px;height:80px;border:2px solid var(--neon-cyan);margin-bottom:20px;overflow:hidden;position:relative;box-shadow:0 0 15px var(--neon-cyan)}.identity-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.8)}.identity-photo:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,rgba(0,255,255,.4),transparent);animation:scan 2.5s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.label{color:var(--text-dim);font-size:.8rem;margin-right:15px;text-transform:uppercase}.value{color:var(--neon-cyan);font-weight:700;letter-spacing:2px}.cyber-btn{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:20px 40px;font-family:var(--title-font);font-size:1.1rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-top:30px;text-transform:uppercase;letter-spacing:2px}.cyber-btn:hover{background:var(--neon-cyan);color:var(--bg-color);box-shadow:0 0 30px var(--neon-cyan);transform:scale(1.05)}.cyber-btn:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:#ffffff1a;transition:all .5s;transform:translate(-50%,-50%) rotate(45deg) translateY(100%)}.cyber-btn:hover:before{transform:translate(-50%,-50%) rotate(45deg) translateY(-100%)}.skill-card{padding:25px;border:1px solid rgba(0,255,65,.2);background:#00ff4108;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.skill-card:hover{background:#00ff411a;border-color:var(--neon-green);box-shadow:0 0 25px #00ff414d;transform:translateY(-10px) rotateX(5deg)}.skill-header{display:flex;justify-content:space-between;margin-bottom:15px;font-family:var(--title-font);font-size:1rem}.skill-bar-outer{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.skill-bar-inner{height:100%;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan));box-shadow:0 0 15px var(--neon-green)}.cyber-form .input-group{margin-bottom:25px}.cyber-form label{display:block;font-family:var(--terminal-font);font-size:.8rem;color:var(--neon-cyan);margin-bottom:5px}.cyber-form input,.cyber-form textarea{width:100%;background:#00000080;border:1px solid rgba(0,255,255,.2);padding:15px;color:var(--text-color);font-family:var(--primary-font);font-size:1rem;outline:none;transition:all .3s}.cyber-form input:focus,.cyber-form textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00ffff4d;background:#00ffff0d}.timeline-item{border-left:3px solid var(--neon-purple);padding-left:40px;margin-bottom:60px;position:relative;transition:all .3s ease}.timeline-item:hover{border-left-width:6px;background:#8000ff0d}.timeline-item:before{content:"";position:absolute;left:-11px;top:5px;width:20px;height:20px;background:var(--bg-color);border:3px solid var(--neon-purple);border-radius:50%;box-shadow:0 0 15px var(--neon-purple);z-index:1}.mission-title{color:var(--neon-purple);font-family:var(--title-font);font-size:1.5rem;margin-bottom:5px;text-transform:uppercase}.mission-company{font-size:1rem;color:var(--text-dim);margin-bottom:20px;letter-spacing:1px}.mission-log{font-family:var(--terminal-font);font-size:.9rem;color:var(--text-color);line-height:1.6}.achievement-list{list-style:none;padding:0;margin-top:15px}.achievement-list li{margin-bottom:10px;position:relative;padding-left:20px;color:var(--text-color)}.achievement-list li:before{content:">";position:absolute;left:0;color:var(--neon-purple);font-weight:700}.social-links{margin-top:30px;display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.social-btn{text-decoration:none;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:8px 16px;font-size:.8rem;font-family:var(--title-font);transition:all .3s;background:#00ffff0d}.social-btn:hover{background:var(--neon-cyan);color:var(--bg-color);box-shadow:0 0 15px var(--neon-cyan)}.reveal-up{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.reveal-up.active{opacity:1;transform:translateY(0)}.scroll-hint{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.8}.scroll-hint .text{font-family:var(--terminal-font);font-size:.7rem;color:var(--neon-cyan);letter-spacing:2px}.scroll-hint .arrow{width:2px;height:40px;background:linear-gradient(to bottom,var(--neon-cyan),transparent);animation:scroll-arrow 2s infinite}@keyframes scroll-arrow{0%{transform:translateY(0);opacity:0}50%{transform:translateY(10px);opacity:1}to{transform:translateY(20px);opacity:0}}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:1000;background-size:100% 4px,3px 100%;pointer-events:none;opacity:.1}@keyframes flicker{0%{opacity:.97}5%{opacity:.95}10%{opacity:.9}15%{opacity:.95}20%{opacity:.98}25%{opacity:.95}30%{opacity:1}70%{opacity:.98}75%{opacity:.95}80%{opacity:.98}85%{opacity:.95}90%{opacity:.9}95%{opacity:.98}to{opacity:1}}#ui-overlay{animation:flicker .15s infinite}.typed-cursor{color:var(--neon-cyan);animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}