.cyber-header{position:fixed;top:0;left:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0b0b16cc;border-bottom:1px solid rgba(110,13,208,.5);box-shadow:0 4px 15px #6e0dd033;transition:all .3s cubic-bezier(.17,.67,.83,.67);padding:.75rem 0;transform:translateY(0)}.cyber-header.scrolled{background-color:#0b0b16f2;box-shadow:0 5px 20px #6e0dd066;padding:.5rem 0}.cyber-header .container{min-height:60px;display:flex;align-items:center}.logo-container{padding:6px 10px}.cyber-logo .logo-text{font-size:1.5rem;padding:4px 0}.cyber-nav-link{position:relative;display:inline-flex;padding:10px 14px;color:var(--text-primary);text-decoration:none;letter-spacing:1px;font-family:Share Tech Mono,monospace;font-size:.95rem;overflow:hidden;transition:all .3s cubic-bezier(.17,.67,.83,.67);border:1px solid transparent;z-index:1}.cyber-nav-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(0,255,204,0),rgba(0,255,204,.1),rgba(0,255,204,0));z-index:-1;transform:translate(-100%);transition:transform .5s ease}.cyber-nav-link:hover:after{transform:translate(100%)}.cyber-nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(to right,transparent,var(--secondary),transparent);transition:width .3s ease,left .3s ease;z-index:2}.cyber-nav-link:hover:before{width:100%;left:0}.cyber-nav-link:hover{color:var(--secondary);text-shadow:0 0 8px rgba(0,255,204,.7);border-top:1px solid rgba(0,255,204,.3);border-bottom:1px solid rgba(0,255,204,.3);transform:translateY(-2px)}.cyber-nav-link.active{color:var(--secondary);border-bottom:1px solid var(--secondary);text-shadow:0 0 5px rgba(0,255,204,.5)}.menu-container{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(30,30,48,.7);border:1px solid rgba(110,13,208,.3);border-radius:8px;color:var(--secondary);transition:all .3s ease;cursor:pointer;z-index:1200;position:relative}.mobile-menu-toggle:hover{background:rgba(40,40,68,.8);box-shadow:0 0 8px #00ffcc4d}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-button{display:none}@keyframes header-reveal{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-avatar-container{margin-left:20px;display:block}.nav-avatar{width:60px;height:60px;border-radius:50%;animation:nav-avatar-float 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,204,.5));transition:transform .3s ease}.nav-avatar:hover{transform:scale(1.15) rotate(10deg);filter:drop-shadow(0 0 12px rgba(0,255,204,.8))}@keyframes nav-avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px) rotate(5deg)}}@media (max-width: 768px){.cyber-header .container{padding:0 12px}.logo-text{font-size:1.2rem}.menu-container{display:block}.cyber-nav{display:none}.nav-avatar-container{margin-left:auto;margin-right:15px}.nav-avatar{width:40px;height:40px;box-shadow:0 0 10px #00ffcc80}}@media (min-width: 769px){.menu-container{display:none}.cyber-nav{display:block}.nav-avatar-container{display:block;margin-left:20px;order:3}.cyber-nav{order:2;margin-left:auto}}.mobile-side-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;display:none;opacity:0;transition:opacity .3s ease}.mobile-side-nav-overlay.active{display:block;opacity:1}.mobile-side-nav{position:fixed;top:0;width:280px;height:100%;background-color:#0e0e1af2;box-shadow:0 0 25px #6e0dd04d;z-index:1000;transition:all .3s cubic-bezier(.17,.67,.83,.67);overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;border-left:1px solid rgba(110,13,208,.4);border-right:1px solid rgba(110,13,208,.4);scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.mobile-side-nav::-webkit-scrollbar{width:4px}.mobile-side-nav::-webkit-scrollbar-track{background:transparent}.mobile-side-nav::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}.mobile-side-nav.right{right:-280px}.mobile-side-nav.left{left:-280px}.mobile-side-nav.right.open{right:0}.mobile-side-nav.left.open{left:0}.mobile-side-nav-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(110,13,208,.3);background:rgba(14,14,22,.95);position:sticky;top:0;z-index:2}.mobile-side-nav-title{font-family:Orbitron,sans-serif;color:var(--secondary);font-size:1.1rem;margin:0;letter-spacing:1px;position:relative}.mobile-side-nav-title:after{content:"";position:absolute;bottom:-5px;left:0;width:60%;height:2px;background:linear-gradient(to right,var(--primary),transparent)}.mobile-side-nav-close{background:transparent;border:none;color:var(--secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.mobile-side-nav-close:hover{background:rgba(110,13,208,.2);transform:rotate(90deg)}.mobile-side-nav-content{flex:1;padding:16px}.mobile-side-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.mobile-side-nav-item{background:rgba(30,30,48,.7);border:1px solid rgba(110,13,208,.3);border-radius:4px;padding:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mobile-side-nav-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(110,13,208,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.mobile-side-nav-item:hover:before,.mobile-side-nav-item.active:before{transform:translate(100%)}.mobile-side-nav-item.active{border-color:var(--secondary);background:rgba(30,30,48,.9);box-shadow:0 0 10px #0fc3}.mobile-side-nav-item-title{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.mobile-side-nav-item-subtitle{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--secondary)}@media (min-width: 769px){.mobile-side-nav,.mobile-side-nav-overlay{display:none!important}}.hero-section{position:relative;min-height:100vh;perspective:1000px;--mouse-x: .5;--mouse-y: .5}.holographic-grid{background-image:linear-gradient(rgba(0,255,204,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,204,.05) 1px,transparent 1px);background-size:40px 40px;background-position:center center;opacity:.3;animation:grid-pulse 4s ease-in-out infinite}@keyframes grid-pulse{0%,to{opacity:.2}50%{opacity:.4}}.scanner-effect{position:absolute;width:100%;height:5px;background:linear-gradient(to right,transparent 0%,rgba(0,255,204,0) 20%,rgba(0,255,204,.5) 50%,rgba(0,255,204,0) 80%,transparent 100%);opacity:.7;z-index:2;pointer-events:none;animation:scanning 3s ease-in-out infinite}@keyframes scanning{0%{top:0%}to{top:100%}}.cyber-particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden}.cyber-particle{position:absolute;background:var(--secondary);border-radius:50%;box-shadow:0 0 10px var(--secondary);pointer-events:none;z-index:1;opacity:.3;animation:float-particle 15s linear infinite}@keyframes float-particle{0%{transform:translateY(0) translate(0)}33%{transform:translateY(-50px) translate(30px)}66%{transform:translateY(30px) translate(-50px)}to{transform:translateY(0) translate(0)}}.geo-element{position:absolute;border:1px solid var(--secondary);opacity:.2;z-index:1;pointer-events:none}.geo-circle{width:200px;height:200px;border-radius:50%;top:10%;left:10%;animation:rotate-element 20s linear infinite}.geo-square{width:150px;height:150px;bottom:15%;right:10%;animation:rotate-element 25s linear infinite reverse}.geo-triangle{width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:173px solid rgba(0,255,204,.05);top:40%;right:20%;animation:float-element 15s ease-in-out infinite}@keyframes rotate-element{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-element{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}}.profile-photo-container{position:relative;margin:0 auto 3rem;width:220px;height:220px;display:flex;justify-content:center;align-items:center;z-index:5;transform-style:preserve-3d;animation:profile-intro 1.5s cubic-bezier(.17,.84,.44,1)}@keyframes profile-intro{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.profile-highlight{border-radius:50%;z-index:3;pointer-events:none;mix-blend-mode:screen}.profile-scanner{position:absolute;width:100%;height:5px;background:linear-gradient(to right,transparent,rgba(0,255,204,.8),transparent);z-index:4;border-radius:50%;pointer-events:none;opacity:.7;animation:profile-scan 2s ease-in-out infinite}@keyframes profile-scan{0%,to{top:0;opacity:0}50%{opacity:.7}to{top:100%;opacity:0}}.profile-glitch{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(255,0,128,.1);z-index:3;opacity:0;animation:profile-glitch 5s linear infinite}@keyframes profile-glitch{0%,to{opacity:0;transform:translate(0)}10%,90%{opacity:0}20%,80%{opacity:0}21%,22%,78%,79%{opacity:.4;transform:translate(-5px)}27%,73%{opacity:0}40%,60%{opacity:0}41%,42%,58%,59%{opacity:.4;transform:translate(5px) translateY(-2px)}}.tech-rings{position:absolute;width:100%;height:100%;top:0;left:0}.tech-ring{position:absolute;border-radius:50%;border-style:dashed;border-width:1px;border-color:var(--secondary);opacity:.5;pointer-events:none}.ring1{width:calc(100% + 20px);height:calc(100% + 20px);top:-10px;left:-10px;animation:spin 30s linear infinite}.ring2{width:calc(100% + 40px);height:calc(100% + 40px);top:-20px;left:-20px;animation:spin 25s linear infinite reverse}.ring3{width:calc(100% + 60px);height:calc(100% + 60px);top:-30px;left:-30px;border-style:solid;border-width:1px;opacity:.3;animation:spin 40s linear infinite}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:2px solid var(--secondary);box-shadow:0 0 15px #00ffcc80,0 0 30px #6e0dd04d;transition:all .3s cubic-bezier(.17,.84,.44,1);filter:contrast(1.1) brightness(1.05);z-index:2;animation:profile-pulse 3s ease-in-out infinite alternate}@keyframes profile-pulse{0%{box-shadow:0 0 15px #00ffcc80,0 0 30px #6e0dd04d}to{box-shadow:0 0 20px #00ffccb3,0 0 40px #6e0dd080}}.profile-photo:hover{transform:scale(1.05);box-shadow:0 0 25px #0fcc,0 0 50px #6e0dd099;animation:none}.profile-info{position:absolute;top:-15px;left:calc(100% + 10px);font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--secondary);text-align:left;opacity:0;transform:translate(-10px);transition:all .3s ease}.profile-photo-container:hover .profile-info{opacity:1;transform:translate(0)}.profile-data{margin-bottom:4px;white-space:nowrap;position:relative}.profile-data:before{content:">";margin-right:5px;color:var(--primary)}.orbit-container{position:absolute;width:100%;height:100%;top:0;left:0;animation:orbit-container-rotate 30s linear infinite}@keyframes orbit-container-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-element{position:absolute;width:30px;height:30px;border-radius:50%;background:rgba(14,14,22,.8);border:1px solid var(--secondary);color:var(--secondary);font-family:Share Tech Mono,monospace;font-size:.7rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00ffcc4d;animation:orbit-self-rotate 15s linear infinite}@keyframes orbit-self-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.python-icon{top:-15px;left:calc(50% - 15px)}.ai-icon{top:calc(50% - 15px);right:-15px}.data-icon{bottom:-15px;left:calc(50% - 15px)}.ml-icon{top:calc(50% - 15px);left:-15px}.mega-glitch{position:relative;animation:mega-glitch-skew 5s infinite linear alternate-reverse}.mega-glitch:before,.mega-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;animation:mega-glitch-anim 5s infinite linear alternate-reverse}.mega-glitch:before{left:2px;text-shadow:-2px 0 #ff00ea;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation-delay:-1s}.mega-glitch:after{left:-2px;text-shadow:2px 0 #00ffcc;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation-delay:-2s}@keyframes mega-glitch-anim{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}@keyframes mega-glitch-skew{0%{transform:skew(0)}10%{transform:skew(-2deg,2deg)}20%{transform:skew(2deg,-2deg)}30%{transform:skew(0)}40%{transform:skew(-1deg,1deg)}50%{transform:skew(1deg,-1deg)}60%{transform:skew(0)}70%{transform:skew(2deg,-2deg)}80%{transform:skew(-2deg,2deg)}90%{transform:skew(0)}to{transform:skew(-1deg,1deg)}}.floating-data{position:absolute;display:flex;flex-direction:column;gap:20px;z-index:2}.left-data{left:5%;top:30%}.right-data{right:5%;top:40%}.data-line{width:100px;height:4px;background:linear-gradient(to right,rgba(110,13,208,.7),rgba(0,255,204,.7));position:relative;opacity:.6;animation:data-line-pulse 2s ease-in-out infinite}.data-line:nth-child(2){width:60px;animation-delay:.3s}.data-line:nth-child(3){width:80px;animation-delay:.6s}.data-line:before{content:"";position:absolute;width:8px;height:8px;background:var(--secondary);border-radius:50%;top:-2px;right:0;box-shadow:0 0 10px var(--secondary)}.data-line:after{content:"";position:absolute;top:-10px;right:10px;font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--secondary);white-space:nowrap}.left-data .data-line:nth-child(1):after{content:"DATA FLOW"}.left-data .data-line:nth-child(2):after{content:"SYS ACTIVE"}.left-data .data-line:nth-child(3):after{content:"ML READY"}.right-data .data-line:nth-child(1):after{content:"NET 98.7%"}.right-data .data-line:nth-child(2):after{content:"CPU OPTIMAL"}.right-data .data-line:nth-child(3):after{content:"AI ONLINE"}@keyframes data-line-pulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}.data-stream{position:absolute;display:flex;flex-direction:column;align-items:center;top:0;font-family:Share Tech Mono,monospace;color:var(--secondary);opacity:.3;font-size:14px;animation:data-stream-fall 10s linear infinite;z-index:1}@keyframes data-stream-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.data-bit{margin:3px 0;text-shadow:0 0 5px var(--secondary);animation:data-bit-fade 1s ease-in-out infinite}@keyframes data-bit-fade{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width: 768px){.floating-data{display:none}.geo-element{opacity:.1}.profile-photo-container{width:180px;height:180px}.profile-photo{width:150px;height:150px}.orbit-element{width:25px;height:25px;font-size:.6rem}.profile-info{display:none}.mega-glitch{font-size:3rem!important}.text-2xl{font-size:1.3rem!important}.mega-glitch:before,.mega-glitch:after{opacity:.5}}@media (max-width: 480px){.mega-glitch{font-size:2.5rem!important;letter-spacing:1px}.blink-cursor{font-size:1.1rem}}.project-card{position:relative;transition:all .3s ease;overflow:hidden;background-color:#0e0e1a;border:1px solid rgba(110,13,208,.3);transform-style:preserve-3d;perspective:1000px}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(110,13,208,0) 0%,rgba(0,255,204,.1) 100%);transition:opacity .3s ease;opacity:0;pointer-events:none}.project-card:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 10px 20px #0003,0 0 0 1px var(--primary),0 0 15px #6e0dd080}.project-card:hover:before{opacity:1}.project-card h3{position:relative;display:inline-block}.project-card h3:before{content:"";position:absolute;left:-5px;top:50%;width:3px;height:0;background:var(--secondary);transform:translateY(-50%);transition:height .3s ease}.project-card:hover h3:before{height:100%}.stat-bar{width:100%;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.stat-fill{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;transition:width 1.5s cubic-bezier(.18,.89,.32,1.28)}.circuit-board{background-image:radial-gradient(circle,rgba(128,0,255,.15) 2px,transparent 2px),linear-gradient(to right,rgba(0,255,204,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,204,.08) 1px,transparent 1px),radial-gradient(circle,rgba(255,0,128,.1) 1px,transparent 1px);background-size:40px 40px,20px 20px,20px 20px,60px 60px;background-position:0 0,-10px -10px,-10px -10px,20px 20px;width:100%;height:100%;opacity:.5;animation:circuit-move 60s linear infinite;position:absolute;top:0;left:0;right:0;bottom:0}@keyframes circuit-move{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 100px,100px 0,0 100px,60px 60px}}.py-16.px-6.bg-gray-900{position:relative;background:linear-gradient(135deg,#0c0c1d 0%,#171730 50%,#0a0a1a 100%);overflow:hidden}.py-16.px-6.bg-gray-900:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(0,255,204,.03) 0px,rgba(0,255,204,.03) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(180deg,rgba(0,255,204,.03) 0px,rgba(0,255,204,.03) 1px,transparent 1px,transparent 20px);filter:blur(.5px);opacity:.7;z-index:0}.py-16.px-6.bg-gray-900:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(10,10,30,0) 0%,rgba(10,10,30,.8) 80%);z-index:1;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(0) translate(10px)}75%{transform:translateY(10px) translate(5px)}}.py-16.px-6.bg-gray-900 .max-w-5xl:before,.py-16.px-6.bg-gray-900 .max-w-5xl:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(110,13,208,.15) 0%,rgba(110,13,208,0) 70%);z-index:-1;animation:float 20s infinite ease-in-out}.py-16.px-6.bg-gray-900 .max-w-5xl:before{top:20%;left:10%;animation-delay:0s}.py-16.px-6.bg-gray-900 .max-w-5xl:after{bottom:10%;right:15%;width:200px;height:200px;background:radial-gradient(circle,rgba(0,255,204,.1) 0%,rgba(0,255,204,0) 70%);animation-delay:-5s;animation-duration:25s}:root{--primary: rgba(110, 13, 208, .8);--secondary: rgba(0, 255, 204, .8)}.skills-section{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:space-between}.cyber-skills-container{background:rgba(14,14,26,.7);border:1px solid rgba(110,13,208,.3);border-radius:8px;padding:25px;box-shadow:0 4px 15px #0003;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.skill-item{margin-bottom:28px;position:relative;overflow:hidden}.skill-item:last-child{margin-bottom:0}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px;align-items:center}.skill-name{font-weight:600;font-family:Courier New,monospace;letter-spacing:.5px;position:relative;padding-left:15px}.skill-name:before{content:">";position:absolute;left:0;color:#6e0dd0}.skill-percentage{font-family:Courier New,monospace;font-weight:700;transition:all .5s ease}.cyber-progress{position:relative;height:6px;background:#0a0a14;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.cyber-progress-track{position:absolute;top:0;left:0;height:100%;width:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 2px,transparent 2px,transparent 4px);z-index:1}.cyber-progress-fill{height:100%;width:0;position:relative;background:linear-gradient(90deg,#6e0dd0,#00ffcc);transition:width 1.5s cubic-bezier(.18,.89,.32,1.28);z-index:2}.cyber-progress-fill:after{content:"";position:absolute;top:0;right:0;height:100%;width:4px;background:rgba(255,255,255,.8);box-shadow:0 0 10px 3px #ffffff80;animation:pulse 1.5s infinite}.cyber-progress-glitch{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent 0%,rgba(110,13,208,.2) 50%,transparent 100%);background-size:200% 100%;animation:glitch-animation 3s ease infinite;z-index:3;pointer-events:none;opacity:.5}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes glitch-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.skill-item[data-animated=true] .cyber-progress-fill{transition:width 1.5s cubic-bezier(.18,.89,.32,1.28)}.skill-item[data-animated=true] .cyber-progress{box-shadow:0 0 5px #6e0dd04d}.skill-item:hover .skill-name{color:#0fc;transform:translate(2px);transition:all .3s ease}.skill-item:hover .skill-name:before{color:#0fc;animation:blink 1s infinite}.skill-item:hover .cyber-progress{box-shadow:0 0 8px #0fc6;transition:all .3s ease}.skill-item:hover .cyber-progress-track{background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 2px,transparent 2px,transparent 4px)}.skill-item:hover .cyber-progress-fill{background:linear-gradient(90deg,#8a2be2,#00ffcc);box-shadow:0 0 15px #00ffcc4d}.skill-item:hover .cyber-progress-glitch{opacity:.8;animation:glitch-animation 1.5s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.cyber-skills-container:hover{box-shadow:0 6px 20px #0000004d,0 0 0 1px #6e0dd080;transition:all .3s ease}.skill-item:hover{transform:translateY(-2px);transition:transform .3s ease}.cyber-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0b0b16;color:var(--text-primary);transition:all .3s ease;border:1px solid rgba(110,13,208,.5);position:relative;overflow:hidden}.cyber-icon:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(45deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s ease;z-index:0}.cyber-card:hover .cyber-icon:before{opacity:.2}.cyber-icon svg{position:relative;z-index:1}.database-icon{color:var(--primary)}.code-icon{color:var(--secondary)}.zap-icon{color:#f90}.link-icon{color:var(--primary)}.cyber-card{position:relative;background-color:#0e0e1a;border:1px solid rgba(110,13,208,.3);border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.cyber-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003,0 0 0 1px var(--primary)}.cyber-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(110,13,208,.1),rgba(0,255,204,.1));opacity:0;transition:opacity .3s ease;pointer-events:none}.cyber-card:hover:after{opacity:1}@media (max-width: 768px){.skills-section{margin-top:2rem}.cyber-card{margin-bottom:1rem}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-animate{animation:fadeInUp .6s ease-out forwards}.section-animate>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.section-animate>*:nth-child(1){animation-delay:.1s}.section-animate>*:nth-child(2){animation-delay:.2s}.section-animate>*:nth-child(3){animation-delay:.3s}.section-animate>*:nth-child(4){animation-delay:.4s}.section-animate>*:nth-child(5){animation-delay:.5s}.nav-link.active{position:relative;color:var(--primary)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));animation:widthGrow .3s ease-out forwards}@keyframes widthGrow{0%{width:0}to{width:100%}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s,transform .4s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}.resume-preview{max-width:800px;margin:2rem auto;opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.resume-preview.fade-in{opacity:1;transform:translateY(0)}.resume-container{position:relative;padding:10px;background:rgba(10,25,47,.7);border:1px solid rgba(0,255,204,.3);box-shadow:0 0 20px #0fc3;border-radius:4px}.resume-card{position:relative;overflow:hidden;border-radius:2px;transition:transform .3s ease}.resume-card:hover{transform:scale(1.02)}.resume-image-wrapper{position:relative;overflow:hidden}.resume-image{width:100%;height:auto;display:block;transition:transform .5s ease}.resume-card:hover .resume-image{transform:scale(1.01)}.resume-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(10,25,47,.9),transparent);padding:20px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.resume-card:hover .resume-overlay{opacity:1;transform:translateY(0)}.resume-data{font-family:Courier New,monospace;color:#0fc;text-align:left}.data-line{margin-bottom:5px;font-size:14px;letter-spacing:1px}.data-label{color:#fff;margin-right:10px}.cyber-button{position:relative;display:inline-block;padding:12px 24px;color:#0fc;background:transparent;border:2px solid #00ffcc;text-transform:uppercase;font-family:Courier New,monospace;letter-spacing:2px;overflow:hidden;transition:all .3s;z-index:1;cursor:pointer}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,204,.2),transparent);transition:left .7s}.cyber-button:hover{background:rgba(0,255,204,.1);box-shadow:0 0 20px #0fc6;transform:translateY(-2px)}.cyber-button-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem;text-align:center}.pulse-effect{animation:none!important;margin:0 auto;box-shadow:0 0 15px #0fc9;display:inline-block;position:static;transform:none;left:auto}@keyframes pulse{0%{box-shadow:0 0 #0fc9}50%{box-shadow:0 0 0 15px #0fc0}to{box-shadow:0 0 #0fc0}}.glitch-wrapper{text-align:center;width:100%;display:flex;justify-content:center;margin-left:auto;margin-right:auto}.glitch-text{text-align:center}.cyber-video-container{position:relative;background:linear-gradient(135deg,#0b0b16 0%,#1a1a3a 100%);border-radius:8px;overflow:hidden;box-shadow:0 15px 35px #00000080,0 0 0 1px #6e0dd066;transition:all .3s ease;z-index:1}.cyber-video-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#6e0dd0,#00aaff,#00ffcc,#6e0dd0);background-size:400% 400%;z-index:-1;border-radius:10px;opacity:.4;transition:opacity .3s ease;animation:borderGlow 8s ease infinite}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cyber-video-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,rgba(110,13,208,.05) 0px,rgba(110,13,208,.05) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(135deg,rgba(0,255,204,.05) 0px,rgba(0,255,204,.05) 1px,transparent 1px,transparent 10px);z-index:-1;pointer-events:none;opacity:.3}.cyber-video-container:hover:before{opacity:.8;animation:borderGlow 3s ease infinite}.video-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(circle at center,#000022,#000000);overflow:hidden}.video-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(110,13,208,.1) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(0deg,rgba(0,255,204,.1) 1px,transparent 1px) 0 0 / 20px 20px;pointer-events:none;z-index:1}.video-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at center,transparent 60%,rgba(11,11,22,.9) 100%);opacity:.7;z-index:2}.main-video{width:100%;height:100%;object-fit:cover;cursor:pointer}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.play-button{position:relative;background:rgba(0,0,0,.5);color:#fff;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease;border:none;cursor:pointer;pointer-events:auto;z-index:10}.play-button:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(45deg,#6e0dd0,#00ffcc);z-index:-1;opacity:.7;transition:opacity .3s ease}.play-button:hover{transform:scale(1.1)}.play-button:hover:before{opacity:1}.video-controls{padding:15px;display:flex;flex-direction:column;gap:10px;background:rgba(11,11,22,.9);border-top:1px solid rgba(110,13,208,.3);position:relative;z-index:5}.video-controls:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(0,255,204,.5),transparent)}.progress-container{position:relative;height:10px;width:100%;margin-bottom:5px}.progress-bar{position:absolute;top:50%;left:0;width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;transform:translateY(-50%);pointer-events:none}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,#6e0dd0,#00ffcc);border-radius:4px;transition:width .1s linear}.progress-fill:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#00ffcc;box-shadow:0 0 10px 2px #00ffccb3}.progress-glitch{position:absolute;top:0;right:0;width:10px;height:100%;background:rgba(0,255,204,.5);filter:blur(1px);opacity:.7;animation:glitch-effect 2s infinite linear}@keyframes glitch-effect{0%,to{opacity:.7;transform:translate(0)}10%{opacity:1;transform:translate(-2px)}20%{opacity:.5;transform:translate(2px)}30%{opacity:.8;transform:translate(-1px)}40%{opacity:.5;transform:translate(1px)}50%{opacity:.7;transform:translate(0)}}.progress-slider{-webkit-appearance:none;position:absolute;top:0;left:0;width:100%;height:10px;margin:0;opacity:0;cursor:pointer;z-index:2}.controls-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.left-controls,.right-controls{display:flex;align-items:center;gap:12px}.control-button{background:transparent;color:#e0e0ffcc;border:none;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.control-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(110,13,208,.2),rgba(0,255,204,.2));border-radius:4px;opacity:0;transition:opacity .2s ease}.control-button:hover{color:#0fc}.control-button:hover:before{opacity:1}.primary-control{background:rgba(110,13,208,.2);border:1px solid rgba(110,13,208,.3)}.primary-control:hover{background:rgba(110,13,208,.4);border-color:#00ffcc80}.control-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#0fc;font-size:.7rem;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;font-family:Share Tech Mono,monospace;margin-bottom:5px;border:1px solid rgba(110,13,208,.5)}.control-button:hover .control-tooltip{opacity:1}.volume-container{position:relative;display:flex;align-items:center}.volume-slider-container{width:0;overflow:hidden;transition:width .3s ease;display:flex;align-items:center}.volume-container:hover .volume-slider-container{width:60px}.volume-slider{-webkit-appearance:none;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.2);outline:none;margin:0 8px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#00ffcc;cursor:pointer;box-shadow:0 0 5px #00ffccb3}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#00ffcc;cursor:pointer;box-shadow:0 0 5px #00ffccb3;border:none}.time-display{display:flex;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:.8rem;color:#e0e0ffcc;background:rgba(11,11,22,.5);padding:0 8px;border-radius:4px;border:1px solid rgba(110,13,208,.2)}.current-time{color:#0fc}.time-separator{margin:0 4px;opacity:.6}.playback-rate{position:relative}.playback-rate button{width:auto;padding:0 8px;background:rgba(11,11,22,.5);border:1px solid rgba(110,13,208,.2);color:#0fc;font-family:Share Tech Mono,monospace}.playback-dropdown{position:absolute;bottom:100%;right:0;background:rgba(11,11,22,.95);border:1px solid rgba(110,13,208,.3);border-radius:4px;display:none;flex-direction:column;min-width:70px;margin-bottom:8px;overflow:hidden;z-index:1000}.playback-rate:hover .playback-dropdown{display:flex}.playback-dropdown button{background:transparent;border:none;color:#e0e0ffcc;padding:6px 12px;text-align:center;cursor:pointer;transition:all .2s ease;font-family:Share Tech Mono,monospace}.playback-dropdown button:hover,.playback-dropdown button.active{background:rgba(110,13,208,.3);color:#0fc}.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:20px;text-align:center;background:rgba(11,11,22,.8)}@media (max-width: 768px){.play-button{width:60px;height:60px}.play-button svg{width:30px;height:30px}.video-controls{padding:10px}.controls-row{flex-wrap:wrap;gap:10px}.left-controls{width:100%;justify-content:space-between}.right-controls{width:100%;justify-content:flex-end}.volume-container:hover .volume-slider-container{width:50px}.control-tooltip{display:none}.time-display{font-size:.7rem}button[onclick*=toggleFullscreen],button[aria-label*=fullscreen],button[aria-label*=Fullscreen],.control-button:last-child,button svg[viewBox*="0 0 24 24"]:has(path[d*="M8 3H5a2"]){display:none!important}:fullscreen,:-webkit-full-screen,:-moz-full-screen,:-ms-fullscreen{max-width:100%!important;max-height:100%!important;width:100%!important;height:auto!important;position:relative!important}}.video-wrapper.no-grid:before{display:none!important}.glitch-heading{position:relative}.glitch-heading .glitch-layer{position:absolute;top:0;left:0;right:0;color:#fff;mix-blend-mode:normal}.glitch-heading .glitch-layer:first-of-type{animation:glitch-anim-1 4s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-.025em,-.0125em);opacity:.8;text-shadow:.05em 0 0 rgba(255,0,0,.75)}.glitch-heading .glitch-layer:last-child{animation:glitch-anim-2 3s infinite linear alternate-reverse;clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translate(.0125em,.025em);opacity:.8;text-shadow:-.05em -.025em 0 rgba(0,255,102,.75)}@keyframes glitch-anim-1{0%{clip-path:polygon(0 0,100% 0,100% 5%,0 5%);transform:translate(.025em,-.0125em)}10%{clip-path:polygon(0 15%,100% 15%,100% 25%,0 25%);transform:translate(-.025em,.025em)}20%{clip-path:polygon(0 40%,100% 40%,100% 45%,0 45%);transform:translate(-.05em,-.0125em)}30%{clip-path:polygon(0 52%,100% 52%,100% 70%,0 70%);transform:translate(.025em,.0125em)}40%{clip-path:polygon(0 80%,100% 80%,100% 85%,0 85%);transform:translate(.05em,-.05em)}50%{clip-path:polygon(0 32%,100% 32%,100% 40%,0 40%);transform:translate(-.025em,.05em)}60%{clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);transform:translate(.035em,-.025em)}70%{clip-path:polygon(0 10%,100% 10%,100% 30%,0 30%);transform:translate(-.025em,.025em)}80%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);transform:translate(.025em,.025em)}90%{clip-path:polygon(0 65%,100% 65%,100% 85%,0 85%);transform:translate(-.025em,-.025em)}to{clip-path:polygon(0 90%,100% 90%,100% 95%,0 95%);transform:translate(.025em)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);transform:translate(-.015em,.025em)}15%{clip-path:polygon(0 40%,100% 40%,100% 50%,0 50%);transform:translate(.035em,-.015em)}30%{clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%);transform:translate(-.025em,.035em)}45%{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translate(.015em,-.025em)}60%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);transform:translate(-.045em,-.015em)}75%{clip-path:polygon(0 75%,100% 75%,100% 85%,0 85%);transform:translate(.015em,.025em)}90%{clip-path:polygon(0 25%,100% 25%,100% 35%,0 35%);transform:translate(-.015em,.015em)}to{clip-path:polygon(0 85%,100% 85%,100% 100%,0 100%);transform:translate(.015em,-.015em)}}.cert-list-container{background-color:#0e0e1acc;box-shadow:0 5px 15px #0000004d;height:100%}.cert-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) #1e1e30}.cert-list::-webkit-scrollbar{width:6px}.cert-list::-webkit-scrollbar-track{background:#1e1e30}.cert-list::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}.cert-item{background-color:#1e1e30cc;border:1px solid rgba(110,13,208,.3);padding:10px;border-radius:5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cert-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(110,13,208,.1),transparent);transform:translate(-100%);transition:transform .5s ease}.cert-item:hover:before,.cert-item.active:before{transform:translate(100%)}.cert-item.active{border-color:var(--secondary);background-color:#1e1e30;box-shadow:0 0 10px #0fc3}.cert-item-title{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--text-primary);margin-bottom:5px}.cert-item-issuer{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--secondary)}.cert-item-date{font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--text-primary);opacity:.7;text-align:right}.cert-display-container{background-color:#0e0e1acc;box-shadow:0 5px 15px #0000004d;min-height:500px;display:flex;flex-direction:column}.cyber-corners,.cert-display{flex:1;display:flex;flex-direction:column}.cert-title{margin-bottom:5px;position:relative;display:inline-block}.cert-title:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--primary),var(--secondary))}.cert-image-container{position:relative;overflow:hidden;height:220px;flex-shrink:0}.cert-image{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.cert-image-container:hover .cert-image{transform:scale(1.02)}.scan-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,255,204,.05) 50%);background-size:100% 4px;pointer-events:none;mix-blend-mode:overlay}.cert-skills{min-height:80px;margin-top:auto}.skill-badge{display:inline-block;background:rgba(110,13,208,.2);color:var(--secondary);font-family:Share Tech Mono,monospace;font-size:.7rem;padding:2px 8px;border:1px solid rgba(0,255,204,.3);border-radius:2px}.verification-badge{display:flex;align-items:center;gap:8px;color:var(--secondary);width:fit-content;padding:4px 10px;border:1px dashed rgba(0,255,204,.3);border-radius:4px;background-color:#00ffcc0d}.verification-icon{width:8px;height:8px;background:var(--secondary);border-radius:50%;box-shadow:0 0 5px var(--secondary);position:relative}.verification-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:1px solid var(--secondary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}70%{transform:translate(-50%,-50%) scale(1.2);opacity:0}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.mobile-cert-nav-btn{background-color:#1e1e30cc;border:1px solid rgba(110,13,208,.5);color:var(--secondary, #00ffcc);font-family:Share Tech Mono,monospace;font-size:.8rem;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px #6e0dd04d}.mobile-cert-nav-btn:hover,.mobile-cert-nav-btn:focus{background-color:#32324ee6;box-shadow:0 0 8px #0fc6}.mobile-cert-counter{display:flex;align-items:center;justify-content:center;background-color:#1e1e3099;border:1px solid rgba(110,13,208,.3);padding:4px 10px;border-radius:4px}.view-detail-btn{position:absolute;bottom:10px;right:10px;background:rgba(14,14,26,.9);color:var(--secondary);font-family:Share Tech Mono,monospace;font-size:.7rem;padding:5px 10px;border:1px solid var(--secondary);border-radius:3px;display:flex;align-items:center;gap:5px;cursor:pointer;opacity:0;transition:opacity .3s ease,background-color .3s ease;z-index:5}.cert-image-container:hover .view-detail-btn{opacity:1}.view-detail-btn:hover{background-color:#1e1e30;box-shadow:0 0 8px #0fc6}.cert-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.cert-modal-content{position:relative;width:90%;max-width:900px;max-height:90vh;background-color:#0e0e1af2;border:2px solid var(--primary);box-shadow:0 0 30px #6e0dd080;border-radius:8px;padding:30px;overflow-y:auto;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{0%{transform:translateY(30px)}to{transform:translateY(0)}}.modal-close-btn{position:absolute;top:15px;right:15px;background:transparent;color:var(--secondary);border:none;cursor:pointer;z-index:5}.modal-close-btn:hover svg{stroke:#fff}.modal-certificate{display:flex;flex-direction:column;gap:15px}.modal-title{font-family:Orbitron,sans-serif;font-size:1.8rem;color:var(--secondary);margin-bottom:10px;text-align:center}.modal-meta{display:flex;justify-content:space-between;font-family:Share Tech Mono,monospace;font-size:.9rem;color:var(--text-primary);margin-bottom:20px}.modal-image-container{text-align:center;margin:20px 0;border:2px solid var(--primary);padding:10px;border-radius:5px;background-color:#1e1e3099;position:relative;overflow:hidden}.modal-image{max-width:100%;max-height:500px;object-fit:contain}.modal-image-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(110,13,208,.1),transparent);animation:scanGlow 3s infinite linear;pointer-events:none}@keyframes scanGlow{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.modal-skills{margin-top:20px}.modal-verification{margin-top:15px;display:flex;justify-content:center}@media (max-width: 768px){.cert-detail-modal,.view-detail-btn{display:none}}@media (max-width: 768px){.cert-display-container{min-height:450px;height:auto}.cert-image-container{height:180px}.cert-skills{min-height:70px}}.contact-card{position:relative;overflow:hidden;transition:all .3s ease}.contact-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(110,13,208,.05),transparent);transform:rotate(45deg);animation:shine 10s infinite linear;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.terminal-header{margin-bottom:15px}.terminal-dot{width:12px;height:12px;border-radius:50%;margin-right:5px}.terminal-success{position:relative;height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-dots{position:relative;width:16px;height:4px}.loading-dots:before{content:"...";position:absolute;animation:dots 1.5s infinite steps(3);font-size:20px;line-height:0;top:-5px}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.contact-method{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background-color:#0e0e16b3;border:1px solid rgba(110,13,208,.3);border-radius:8px;transition:all .3s ease;cursor:pointer;text-decoration:none}.contact-method:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003;border-color:var(--secondary);background-color:#0e0e16e6}.contact-icon{width:50px;height:50px;border-radius:50%;background:rgba(14,14,22,.7);display:flex;align-items:center;justify-content:center;color:var(--text-primary);position:relative;border:1px solid var(--primary);transition:all .3s ease}.contact-method:hover .contact-icon{transform:rotate(360deg);border-color:var(--secondary);color:var(--secondary)}.email-icon{color:var(--primary)}.linkedin-icon{color:#0077b5}.github-icon{color:var(--secondary)}.error-message{animation:errorShake .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes errorShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.blink-text{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.binary-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;opacity:.1;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18h1v1h-1zm7 0h1v1h-1zm-6 1h1v1h-1zm3 0h1v1h-1zm5 0h1v1h-1zm-5 1h1v1h-1zm1 0h1v1h-1zm4 0h1v1h-1zm-2 1h1v1h-1zm3 0h1v1h-1zm-7 1h1v1h-1zm4 0h1v1h-1zm-4 1h1v1h-1zm4 0h1v1h-1zm-2 1h1v1h-1zm7 0h1v1h-1zm-7 1h1v1h-1zm5 0h1v1h-1zm-5 1h1v1h-1zm3 0h1v1h-1zm5 0h1v1h-1zm-3 1h1v1h-1zm1 0h1v1h-1zm4 0h1v1h-1zm-2 1h1v1h-1zm3 0h1v1h-1zm-7 1h1v1h-1zm4 0h1v1h-1zm-4 1h1v1h-1zm4 0h1v1h-1zm-2 1h1v1h-1zm7 0h1v1h-1zm-7 1h1v1h-1zm5 0h1v1h-1zm-5 1h1v1h-1zm3 0h1v1h-1zm5 0h1v1h-1zm-3 1h1v1h-1zm1 0h1v1h-1zm4 0h1v1h-1zm-2 1h1v1h-1zm3 0h1v1h-1zm-7 1h1v1h-1zm4 0h1v1h-1zm-4 1h1v1h-1zm4 0h1v1h-1zm-2 1h1v1h-1zm7 0h1v1h-1zm-7 1h1v1h-1zm5 0h1v1h-1zm-5 1h1v1h-1zm3 0h1v1h-1zm5 0h1v1h-1z' fill='%236e0dd0' fill-opacity='0.2' fill-rule='evenodd'/%3E%3C/svg%3E")}.tech-stat{position:relative;transition:all .3s ease;overflow:hidden}.tech-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(110,13,208,.1),transparent);transform:translate(-100%);transition:transform 1s ease;z-index:-1}.tech-stat:hover:before{transform:translate(100%)}.tech-number{font-size:1.5rem;font-weight:700;font-family:Share Tech Mono,monospace}.tech-label{margin-top:-5px;font-family:Share Tech Mono,monospace;letter-spacing:1px}.typing-text:after{content:"|";animation:blink-caret .75s step-end infinite}.power-button{transition:all .3s ease}.power-button:hover{box-shadow:0 0 15px #6e0dd0b3}.power-icon{position:relative;transition:all .3s ease}.power-icon:before{content:"";position:absolute;top:-10px;left:50%;width:2px;height:10px;background-color:#6e0dd0;transform:translate(-50%)}.power-button:hover .power-icon{transform:rotate(180deg);border-color:#0fc}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1}section{padding:80px 0}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,255,204,.02) 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.3}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-size:50px 50px;background-image:linear-gradient(to right,var(--cyber-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--cyber-grid) 1px,transparent 1px);z-index:-1;opacity:.15;pointer-events:none}.glitch-wrapper{position:relative;overflow:hidden;display:inline-block}.glitch-text{position:relative;display:inline-block;font-family:Orbitron,sans-serif;font-weight:700;color:var(--text-primary);letter-spacing:2px;animation:glitch-skew 2s infinite linear alternate-reverse}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:before{animation:glitch-anim 5s infinite linear alternate-reverse;color:var(--text-glitch);z-index:-1;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate3d(-3px,2px,0)}.glitch-text:after{animation:glitch-anim-2 2s infinite linear alternate-reverse;color:var(--secondary);z-index:-2;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate3d(3px,-2px,0)}.circuit-board{background-image:radial-gradient(circle,rgba(128,0,255,.1) 2px,transparent 2px),linear-gradient(to right,rgba(0,255,204,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,204,.05) 1px,transparent 1px);background-size:40px 40px,20px 20px,20px 20px;background-position:0 0,-10px -10px,-10px -10px;width:100%;height:100%;opacity:.3}.cyber-button{position:relative;padding:12px 24px;background:transparent;color:var(--text-primary);font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--primary);overflow:hidden;cursor:pointer;transition:all .3s ease}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,204,.2),transparent);transition:all .5s ease}.cyber-button:hover:before{left:100%}.cyber-button:hover{background-color:#6e0dd01a;border-color:var(--secondary);box-shadow:0 0 10px #00ffcc80;transform:translateY(-2px)}@keyframes glitch-anim{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);transform:translate3d(-3px,2px,0)}to{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);transform:translate3d(2px,4px,0)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);transform:translate3d(-3px,2px,0)}to{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);transform:translate3d(2px,4px,0)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(1deg)}to{transform:skew(0)}}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h2.glitch-text{font-size:1.8rem;letter-spacing:1px}h3{font-size:1.5rem}.text-4xl{font-size:1.8rem!important}.text-3xl{font-size:1.5rem!important}.text-2xl{font-size:1.3rem!important}section{padding:60px 0}.glitch-text:before,.glitch-text:after{opacity:.6}}@media (max-width: 480px){h1{font-size:2rem}h2{font-size:1.7rem}h2.glitch-text{font-size:1.6rem;letter-spacing:.5px}h3{font-size:1.3rem}.text-4xl{font-size:1.6rem!important}.text-3xl{font-size:1.4rem!important}.text-2xl{font-size:1.2rem!important}.glitch-text{animation:glitch-skew 3s infinite linear alternate-reverse}section{padding:40px 0}}:root{--primary: #6e0dd0;--secondary: #00ffcc;--bg-dark: #0b0b16;--text-glitch: #ff00ea;--text-primary: #e0e0ff;--cyber-grid: rgba(0, 255, 204, .05);--scroll-track: rgba(110, 13, 208, .1);--scroll-thumb: rgba(0, 255, 204, .5)}html{scroll-behavior:smooth;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}body{margin:0;padding:64px 0 0;background:var(--bg-dark);color:var(--text-primary);font-family:Rajdhani,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;background-color:var(--bg-dark)}::-webkit-scrollbar-track{background-color:var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:8px;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);box-shadow:0 0 6px #00ffcc80}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--primary),var(--secondary));width:0%;z-index:1001;transition:width .1s ease}h1,h2,h3,.cyber-text{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:2px;position:relative;color:var(--text-primary);text-transform:uppercase}
