:root{--neon-red:#00f0ff;--neon-pink:#00f0ff;--dark-bg:#0a0a0a;--darker-bg:#050505;--text-light:#ffffff;--text-dim:#aaaaaa;--transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--dark-bg);color:var(--text-light);font-family:"Inter", sans-serif;line-height:1.7;overflow-x:hidden;min-height:100vh;position:relative;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.animated-lines{position:absolute;width:100%;height:100%}.line{position:absolute;background:linear-gradient(90deg, transparent, var(--neon-red), transparent);opacity:0.2;animation:lineMove 15s linear infinite}.line-1{width:2px;height:100%;left:20%;animation-delay:0s;box-shadow:0 0 10px var(--neon-red)}.line-2{width:2px;height:100%;left:50%;animation-delay:3s;background:linear-gradient(90deg, transparent, var(--neon-pink), transparent);box-shadow:0 0 10px var(--neon-pink)}.line-3{width:100%;height:2px;top:30%;animation-delay:6s;background:linear-gradient(180deg, transparent, var(--neon-red), transparent);box-shadow:0 0 10px var(--neon-red)}.line-4{width:100%;height:2px;top:70%;animation-delay:9s;background:linear-gradient(180deg, transparent, var(--neon-pink), transparent);box-shadow:0 0 10px var(--neon-pink)}@keyframes lineMove{0%{opacity:0.1;transform:scaleY(0.5)}50%{opacity:0.3;transform:scaleY(1)}100%{opacity:0.1;transform:scaleY(0.5)}}.geometric-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border:2px solid;opacity:0.15;animation:shapeRotate 20s linear infinite}.shape-1{width:150px;height:150px;top:15%;left:10%;border-color:var(--neon-red);clip-path:polygon(50% 0%, 0% 100%, 100% 100%);animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;border-color:var(--neon-pink);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation-delay:5s}.shape-3{width:100px;height:100px;bottom:20%;left:20%;border-color:var(--neon-red);transform:rotate(45deg);animation-delay:10s}.shape-4{width:80px;height:80px;top:40%;right:30%;border-color:var(--neon-pink);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);animation-delay:15s}@keyframes shapeRotate{0%{transform:rotate(0deg) scale(1);opacity:0.1}50%{transform:rotate(180deg) scale(1.2);opacity:0.2}100%{transform:rotate(360deg) scale(1);opacity:0.1}}.wave-effect{position:absolute;width:200%;height:200%;border-radius:50%;border:1px solid;opacity:0.1;animation:waveExpand 8s ease-in-out infinite}.wave-1{top:-50%;left:-50%;border-color:var(--neon-red);animation-delay:0s}.wave-2{bottom:-50%;right:-50%;border-color:var(--neon-pink);animation-delay:4s}@keyframes waveExpand{0%{transform:scale(0.8);opacity:0.1}50%{transform:scale(1.2);opacity:0.15}100%{transform:scale(0.8);opacity:0.1}}.glow-spot{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:0.2;animation:glowPulse 6s ease-in-out infinite}.spot-1{background:var(--neon-red);top:-100px;right:-100px;animation-delay:0s}.spot-2{background:var(--neon-pink);bottom:-100px;left:-100px;animation-delay:3s}@keyframes glowPulse{0%, 100%{transform:scale(1);opacity:0.15}50%{transform:scale(1.3);opacity:0.25}}.navbar, #hero, footer{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;height:70px;width:100%;padding:25px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(10, 10, 10, 0.7);border-bottom:1px solid rgba(0, 240, 255, 0.1)}.logo{font-family:"Montserrat", sans-serif;font-size:1.8rem;font-weight:700;color:var(--text-light);text-decoration:none;letter-spacing:2px}.logo span{color:var(--neon-red);text-shadow:0 0 10px rgba(0, 240, 255, 0.7)}.nav-links{display:flex;gap:40px}.nav-link{color:var(--text-dim);text-decoration:none;font-weight:500;letter-spacing:1px;position:relative;transition:var(--transition)}.nav-link::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--neon-red);-webkit-transition:var(--transition);-moz-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.nav-link:hover{color:var(--text-light)}.nav-link:hover::after{width:100%}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer;padding:5px;z-index:1001;-webkit-transition:var(--transition);-moz-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.mobile-menu-toggle:hover{color:var(--neon-red)}#hero{display:flex;align-items:center;min-height:100vh;padding-top:140px;padding-bottom:80px}.container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:60px}.hero-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.profile-container{order:2;justify-content:flex-end}.hero-content{width:100%;order:1}.hero-text{text-align:left}.hero-text{position:relative;z-index:2}h1, h2{font-family:"Montserrat", sans-serif;font-weight:700;line-height:1.2;text-decoration:uppercase}p{margin-bottom:1.5rem;color:var(--text-dim);font-weight:300}.hero-text h1{font-size:3rem;margin-bottom:25px;background:linear-gradient(90deg, #ffffff, var(--neon-red), var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.hero-text h2{font-size:1.8rem;font-weight:400;margin-bottom:35px}.btn-group{display:flex;gap:20px;margin-top:10px}.btn{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:16px 38px;background:transparent;color:var(--neon-red);border:2px solid var(--neon-red);border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;-webkit-transition:var(--transition);-moz-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);-webkit-box-shadow:0 0 25px rgba(0, 240, 255, 0.3);box-shadow:0 0 25px rgba(0, 240, 255, 0.3);position:relative;overflow:hidden;z-index:1;margin-bottom:50px;white-space:nowrap}.btn::before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--neon-red);transition:width 0.5s ease;z-index:-1}.btn:hover{color:#000;-webkit-box-shadow:0 0 40px var(--neon-red);box-shadow:0 0 40px var(--neon-red);-webkit-transform:translate(-5px);-moz-transform:translate(-5px);-ms-transform:translate(-5px);-o-transform:translate(-5px);transform:translate(-5px)}.btn:hover::before{width:100%}.btn-primary{background:var(--neon-red);color:#000;font-weight:700}.btn-primary:hover{background:transparent;color:var(--neon-red)}.btn-primary::before{background:#000}.profile-container{position:relative;display:flex;justify-content:flex-end;align-items:center;perspective:1000px;overflow:visible;max-width:100%}.profile-wrapper{position:relative;width:450px;height:450px;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}25%{transform:translateY(-20px) rotateX(5deg) rotateY(5deg)}50%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}75%{transform:translateY(-20px) rotateX(-5deg) rotateY(-5deg)}100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}}.profile-img{width:100%;height:100%;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;object-fit:cover;border:6px solid transparent;box-shadow:0 0 50px var(--neon-red), 0 0 100px rgba(0, 240, 255, 0.5), 0 0 150px rgba(0, 240, 255, 0.3);animation:glow 3s infinite alternate, morph 12s ease-in-out infinite;position:relative;z-index:10;background:linear-gradient(45deg, var(--dark-bg), var(--darker-bg))}@keyframes glow{0%{box-shadow:0 0 40px var(--neon-red), 0 0 80px rgba(0, 240, 255, 0.5), 0 0 120px rgba(0, 240, 255, 0.3);border-color:var(--neon-pink)}100%{box-shadow:0 0 60px var(--neon-red), 0 0 120px rgba(0, 240, 255, 0.7), 0 0 180px rgba(0, 240, 255, 0.5);border-color:var(--neon-pink)}}@keyframes morph{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}33%{border-radius:58% 42% 75% 25% / 76% 46% 54% 24%}66%{border-radius:18% 82% 41% 59% / 59% 54% 46% 41%}100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}}.glow-effect{position:absolute;width:110%;height:110%;top:-5%;left:-5%;border-radius:50%;background:var(--neon-red);filter:blur(60px);opacity:0.3;z-index:1;animation:pulse 4s infinite alternate}@keyframes pulse{0%{opacity:0.2;transform:scale(0.95)}100%{opacity:0.4;transform:scale(1.05)}}.hero-profile-container{perspective:1200px}.hero-profile-wrapper{animation:heroFloat 8s ease-in-out infinite;transform-style:preserve-3d}@keyframes heroFloat{0%, 100%{transform:translateY(0) rotateY(0deg) rotateX(5deg)}25%{transform:translateY(-25px) rotateY(10deg) rotateX(-5deg)}50%{transform:translateY(-10px) rotateY(-5deg) rotateX(5deg)}75%{transform:translateY(-30px) rotateY(5deg) rotateX(-3deg)}}.hero-profile-img{border-radius:50%;border:4px solid;border-image:linear-gradient(45deg, var(--neon-red), var(--neon-pink), var(--neon-red)) 1;box-shadow:0 0 60px var(--neon-red), 0 0 120px rgba(0, 240, 255, 0.6), inset 0 0 30px rgba(0, 240, 255, 0.2);animation:heroGlow 4s ease-in-out infinite, heroRotate 20s linear infinite;position:relative;filter:drop-shadow(0 0 20px var(--neon-red))}@keyframes heroGlow{0%, 100%{box-shadow:0 0 50px var(--neon-red), 0 0 100px rgba(0, 240, 255, 0.5), inset 0 0 30px rgba(0, 240, 255, 0.2);filter:drop-shadow(0 0 15px var(--neon-red))}50%{box-shadow:0 0 80px var(--neon-pink), 0 0 150px rgba(0, 240, 255, 0.8), inset 0 0 50px rgba(0, 240, 255, 0.4);filter:drop-shadow(0 0 30px var(--neon-pink))}}@keyframes heroRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero-glow-effect{animation:heroPulse 3s ease-in-out infinite;background:radial-gradient(circle, var(--neon-red) 0%, transparent 70%)}@keyframes heroPulse{0%, 100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.2)}}.rotating-ring{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:110%;height:110%;border:3px solid transparent;border-top:3px solid var(--neon-red);border-right:3px solid var(--neon-pink);border-radius:50%;animation:ringRotate 3s linear infinite;z-index:5;pointer-events:none}.rotating-ring::before{content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);width:80%;height:80%;border:2px solid transparent;border-bottom:2px solid var(--neon-pink);border-left:2px solid var(--neon-red);border-radius:50%;animation:ringRotateReverse 2s linear infinite}@keyframes ringRotate{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes ringRotateReverse{0%{transform:translateX(-50%) rotate(0deg)}100%{transform:translateX(-50%) rotate(-360deg)}}.particle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:3;pointer-events:none}.particle-burst::before, .particle-burst::after{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--neon-red);border-radius:50%;animation:particleFloat 4s ease-in-out infinite}.particle-burst::before{animation-delay:0s;box-shadow:-40px -30px 0 var(--neon-pink), 40px 30px 0 var(--neon-red), -40px 30px 0 var(--neon-pink), 40px -30px 0 var(--neon-red)}.particle-burst::after{animation-delay:2s;box-shadow:-60px 0 0 var(--neon-red), 60px 0 0 var(--neon-pink), 0 -60px 0 var(--neon-red), 0 60px 0 var(--neon-pink)}@keyframes particleFloat{0%, 100%{opacity:0;transform:translate(-50%, -50%) scale(0)}50%{opacity:1;transform:translate(-50%, -50%) scale(1)}}.about-profile-wrapper{animation:aboutFloat 6s ease-in-out infinite;position:relative}@keyframes aboutFloat{0%, 100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}.about-profile-img{border-radius:20px;border:5px solid var(--neon-red);box-shadow:0 0 40px var(--neon-red), 0 0 80px rgba(0, 240, 255, 0.4), inset 0 0 20px rgba(0, 240, 255, 0.1);animation:aboutGlow 5s ease-in-out infinite, aboutSlide 10s ease-in-out infinite;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);transition:all 0.3s ease}.about-profile-img:hover{clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%);border-color:var(--neon-pink)}@keyframes aboutGlow{0%, 100%{box-shadow:0 0 40px var(--neon-red), 0 0 80px rgba(0, 240, 255, 0.4), inset 0 0 20px rgba(0, 240, 255, 0.1)}50%{box-shadow:0 0 60px var(--neon-pink), 0 0 120px rgba(0, 240, 255, 0.6), inset 0 0 40px rgba(0, 240, 255, 0.2)}}@keyframes aboutSlide{0%, 100%{transform:translateX(0)}50%{transform:translateX(10px)}}.about-glow-effect{animation:aboutPulse 4s ease-in-out infinite;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));border-radius:20px;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)}@keyframes aboutPulse{0%, 100%{opacity:0.2;transform:scale(0.98)}50%{opacity:0.4;transform:scale(1.05)}}.hexagon-border{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:105%;height:105%;border:4px solid var(--neon-red);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation:hexagonRotate 8s linear infinite, hexagonGlow 3s ease-in-out infinite;z-index:2;pointer-events:none}.hexagon-border::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:95%;height:95%;border:2px solid var(--neon-pink);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation:hexagonRotateReverse 6s linear infinite}@keyframes hexagonRotate{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes hexagonRotateReverse{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(-360deg)}}@keyframes hexagonGlow{0%, 100%{border-color:var(--neon-red);opacity:0.8}50%{border-color:var(--neon-pink);opacity:1}}.scanning-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, transparent, var(--neon-red), transparent);animation:scanLine 3s linear infinite;z-index:4;pointer-events:none;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)}@keyframes scanLine{0%{top:0;opacity:0}50%{opacity:1}100%{top:100%;opacity:0}}.about-section{padding-top:120px;padding-bottom:80px;min-height:100vh}.about-content{width:100%}.about-header{text-align:center;margin-bottom:80px}.section-title{font-family:"Montserrat", sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg, #ffffff, var(--neon-red), var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.section-title span{color:var(--neon-red);text-shadow:0 0 20px rgba(0, 240, 255, 0.5)}.title-underline{width:100px;height:4px;background:linear-gradient(90deg, var(--neon-red), var(--neon-pink));margin:0 auto;border-radius:2px;box-shadow:0 0 20px rgba(0, 240, 255, 0.5)}.about-main{display:flex;gap:80px;align-items:flex-start}.about-image-container{flex:0 0 auto}.about-text{flex:1}.about-main-heading{font-family:"Montserrat", sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:30px;color:var(--text-light);line-height:1.2}.about-text h2{font-family:"Montserrat", sans-serif;font-size:2rem;font-weight:600;margin-bottom:25px;color:var(--text-light)}.about-intro{font-size:1.1rem;color:var(--text-dim);margin-bottom:25px;line-height:1.8}.core-values-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;margin:40px 0}.core-value-item{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(0, 240, 255, 0.1);border-radius:12px;padding:25px;text-align:center;transition:var(--transition)}.core-value-item:hover{background:rgba(0, 240, 255, 0.05);border-color:var(--neon-red);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 240, 255, 0.2)}.core-value-icon{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;color:#ffffff;transition:var(--transition)}.core-value-item:hover .core-value-icon{transform:scale(1.1) rotate(5deg)}.core-value-blue{background:#4a90e2}.core-value-pink{background:#e24a9a}.core-value-yellow{background:#f5a623}.core-value-green{background:#7ed321}.core-value-item h3{font-family:"Montserrat", sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-light);margin-bottom:8px}.core-value-item p{font-size:0.95rem;color:var(--text-dim);margin:0}.about-details{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.detail-item{display:flex;gap:20px;align-items:flex-start;padding:25px;background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:12px;transition:var(--transition)}.detail-item:hover{background:rgba(0, 240, 255, 0.05);border-color:var(--neon-red);transform:translateX(10px);box-shadow:0 0 30px rgba(0, 240, 255, 0.2)}.detail-item i{font-size:2rem;color:var(--neon-red);margin-top:5px;flex-shrink:0}.detail-item h3{font-family:"Montserrat", sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:10px;color:var(--text-light)}.detail-item p{color:var(--text-dim);margin:0;line-height:1.6}.about-description{margin-bottom:40px}.about-description p{color:var(--text-dim);margin-bottom:20px;line-height:1.8;font-size:1.05rem}@media (min-width:768px) and (max-width:1199px){.about-main{flex-direction:column;align-items:center}.about-image-container{margin-bottom:40px}.about-text{text-align:center}.core-values-grid{grid-template-columns:repeat(2, 1fr);gap:20px}.section-title{font-size:2.5rem}.about-main-heading{font-size:2rem}}@media (max-width:767px){.about-main{flex-direction:column;align-items:center}.about-image-container{margin-bottom:40px;width:100%;display:flex;justify-content:center;align-items:center}.about-image-container .about-profile-wrapper{animation:aboutFloat 6s ease-in-out infinite !important}.about-image-container .about-profile-img{border-radius:20px !important;border:5px solid var(--neon-red) !important;box-shadow:0 0 40px var(--neon-red), 0 0 80px rgba(0, 240, 255, 0.4), inset 0 0 20px rgba(0, 240, 255, 0.1) !important;animation:aboutGlow 5s ease-in-out infinite, aboutSlide 10s ease-in-out infinite !important;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;transition:all 0.3s ease !important}.about-image-container .about-profile-img:hover{clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%) !important;border-color:var(--neon-pink) !important}.about-image-container .about-glow-effect{position:absolute;width:110%;height:110%;top:-5%;left:-5%;border-radius:20px;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink)) !important;filter:blur(60px);opacity:0.3;z-index:1;animation:aboutPulse 4s ease-in-out infinite !important;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);pointer-events:none}.about-image-container .hexagon-border{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:105%;height:105%;border:4px solid var(--neon-red);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation:hexagonRotate 8s linear infinite, hexagonGlow 3s ease-in-out infinite !important;z-index:2;pointer-events:none}.about-image-container .hexagon-border::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:95%;height:95%;border:2px solid var(--neon-pink);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation:hexagonRotateReverse 6s linear infinite !important}.about-image-container .scanning-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, transparent, var(--neon-red), transparent);animation:scanLine 3s linear infinite !important;z-index:4;pointer-events:none;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)}.about-text{text-align:center}.section-title{font-size:2rem}.about-main-heading{font-size:1.8rem}.about-text h2{font-size:1.5rem}.about-intro{font-size:1rem}.core-values-grid{grid-template-columns:1fr;gap:20px}.core-value-icon{width:60px;height:60px;font-size:1.5rem}.core-value-item h3{font-size:1.1rem}.detail-item{flex-direction:column;text-align:center;align-items:center}.detail-item:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px)}}.projects-section{padding-top:120px;padding-bottom:80px;min-height:100vh}.projects-section .container{display:block;align-items:normal}.projects-header{text-align:center;margin-bottom:60px}.projects-subtitle{color:var(--text-dim);font-size:1.1rem;margin-top:20px}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;position:relative;z-index:1}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(255, 255, 255, 0.05);color:var(--text-dim);border:2px solid rgba(0, 240, 255, 0.2);border-radius:25px;font-family:"Inter", sans-serif;font-size:0.95rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-btn:hover{background:rgba(0, 240, 255, 0.1);border-color:var(--neon-red);color:var(--text-light);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 240, 255, 0.3)}.filter-btn.active{background:var(--neon-red);border-color:var(--neon-red);color:#000;font-weight:600;box-shadow:0 0 20px rgba(0, 240, 255, 0.5)}.filter-btn.active:hover{transform:translateY(-2px);box-shadow:0 5px 25px rgba(0, 240, 255, 0.6)}.projects-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px;margin-top:0;clear:both;position:relative;z-index:0}.project-card-hidden{display:none}.projects-grid.expanded .project-card-hidden{display:flex;animation:fadeIn 0.5s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-more-btn{grid-column:1 / -1;padding:18px 36px;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));color:white;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 25px rgba(0, 240, 255, 0.3);margin-top:20px}.view-more-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0, 240, 255, 0.5)}.view-more-btn:hover i{transform:translateY(3px)}.view-more-btn:active{transform:translateY(-2px)}.view-more-btn i{transition:transform 0.3s ease;font-size:1.2rem}.project-card{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:15px;padding:0;transition:var(--transition);display:flex;flex-direction:column;position:relative;overflow:hidden}.project-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, var(--neon-red), var(--neon-pink));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.project-card:hover{background:rgba(0, 240, 255, 0.05);border-color:var(--neon-red);transform:translateY(-5px);box-shadow:0 10px 40px rgba(0, 240, 255, 0.3)}.project-card:hover::before{transform:scaleX(1)}.project-image-container{position:relative;width:100%;height:220px;overflow:hidden;background:rgba(0, 240, 255, 0.05)}.project-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.project-card:hover .project-image-overlay{opacity:1}.project-card:hover .project-image{transform:scale(1.1)}.project-image-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--neon-red);color:#000;border-radius:50%;font-size:1.2rem;text-decoration:none;transition:var(--transition);transform:translateY(20px)}.project-card:hover .project-image-link{transform:translateY(0)}.project-image-link:hover{background:var(--neon-pink);transform:translateY(0) scale(1.1)}.project-content{padding:30px;display:flex;flex-direction:column;flex:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.project-title{font-family:"Montserrat", sans-serif;font-size:1.4rem;font-weight:600;color:var(--text-light);display:flex;align-items:center;gap:10px;flex:1}.project-title i{color:var(--neon-red);font-size:1.2rem}.project-language{background:rgba(0, 240, 255, 0.2);color:var(--neon-red);padding:5px 12px;border-radius:12px;font-size:0.85rem;font-weight:600;white-space:nowrap}.project-description{color:var(--text-dim);line-height:1.6;margin-bottom:20px;flex:1;font-size:0.95rem}.project-stats{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0, 240, 255, 0.1)}.stat-item{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:0.9rem}.stat-item i{color:var(--neon-red);font-size:0.9rem}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.project-date{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:0.85rem}.project-date i{color:var(--neon-red)}.project-link{display:inline-flex;align-items:center;gap:8px;color:var(--neon-red);text-decoration:none;font-weight:600;font-size:0.9rem;transition:var(--transition)}.project-link:hover{color:var(--neon-pink);transform:translateX(3px)}.project-link i{font-size:0.8rem}.loading-state, .error-state{display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;color:var(--text-dim);margin-top:0;margin-bottom:40px;clear:both}.loading-state i{font-size:3rem;color:var(--neon-red)}.error-state i{font-size:3rem;color:var(--neon-red)}.error-state p{font-size:1.1rem;text-align:center}.no-projects{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;color:var(--text-dim)}.no-projects i{font-size:4rem;color:var(--neon-red);opacity:0.5}.no-projects p{font-size:1.2rem}@media (min-width:768px) and (max-width:1199px){.projects-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.filter-container{gap:12px}.view-more-btn{padding:16px 32px;font-size:1rem;margin-top:18px}}@media (max-width:767px){.projects-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:25px;width:100%}.project-card{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.filter-container{gap:10px;justify-content:center;flex-wrap:wrap}.filter-btn{padding:10px 18px;font-size:0.85rem}.project-image-container{height:180px}.project-content{padding:20px}.view-more-btn{padding:14px 24px;font-size:0.95rem;margin-top:15px}.project-header{flex-direction:column;gap:10px}.project-footer{flex-direction:column;align-items:flex-start;gap:15px}.no-projects{display:-webkit-box;display:-ms-flexbox;display:flex !important}}.contact-section{padding-top:120px;padding-bottom:80px;min-height:100vh}.contact-section .container{display:block;align-items:normal}.contact-header{text-align:center;margin-bottom:60px}.contact-subtitle{color:var(--text-dim);font-size:1.1rem;margin-top:20px}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;max-width:1200px;margin:0 auto}.contact-card{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:15px;padding:30px;box-shadow:0 10px 40px rgba(0, 240, 255, 0.15);transition:var(--transition)}.contact-card:hover{background:rgba(0, 240, 255, 0.05);border-color:var(--neon-red);box-shadow:0 15px 50px rgba(0, 240, 255, 0.25);transform:translateY(-4px)}.contact-info h2{font-family:"Montserrat", sans-serif;font-size:2rem;font-weight:600;margin-bottom:20px;color:var(--text-light)}.info-description{color:var(--text-dim);line-height:1.8;margin-bottom:40px;font-size:1.05rem}.info-items{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.info-item{display:flex;gap:20px;align-items:flex-start;padding:25px;background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:12px;transition:var(--transition)}.info-item:hover{background:rgba(0, 240, 255, 0.05);border-color:var(--neon-red);transform:translateX(10px);box-shadow:0 0 30px rgba(0, 240, 255, 0.2)}.info-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0, 240, 255, 0.1);border-radius:12px;flex-shrink:0}.info-icon i{font-size:1.5rem;color:var(--neon-red)}.info-details h3{font-family:"Montserrat", sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:8px;color:var(--text-light)}.info-details a, .info-details p{color:var(--text-dim);text-decoration:none;transition:var(--transition);font-size:1rem}.info-details a:hover{color:var(--neon-red)}.social-section{margin-top:40px;padding-top:40px;border-top:1px solid rgba(0, 240, 255, 0.1)}.social-section h3{font-family:"Montserrat", sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:20px;color:var(--text-light)}.social-section .follow-me-heading{font-family:"Inter", sans-serif;font-weight:500;font-size:1rem;letter-spacing:0.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:20px}.social-section .social-links{display:flex;gap:15px;justify-content:flex-start}.contact-form-container{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:15px;padding:40px}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{display:flex;align-items:center;gap:8px;font-family:"Montserrat", sans-serif;font-size:1rem;font-weight:600;color:var(--text-light)}.form-group label i{color:var(--neon-red);font-size:0.9rem}.form-group input, .form-group select, .form-group textarea{width:100%;padding:15px 20px;background:rgba(255, 255, 255, 0.05);border:2px solid rgba(0, 240, 255, 0.2);border-radius:8px;color:var(--text-light);font-family:"Inter", sans-serif;font-size:1rem;transition:var(--transition);outline:none}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300f0ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;cursor:pointer}.form-group select option{background-color:var(--darker-bg);color:var(--text-light);padding:12px}.form-group input:focus, .form-group select:focus, .form-group textarea:focus{background:rgba(255, 255, 255, 0.08);border-color:var(--neon-red);box-shadow:0 0 20px rgba(0, 240, 255, 0.2)}.form-group input::placeholder, .form-group textarea::placeholder{color:var(--text-dim);opacity:0.7}.form-group textarea{resize:vertical;min-height:150px;font-family:"Inter", sans-serif}.submit-btn{margin-top:10px;width:100%;justify-content:center;cursor:pointer;border:none}.submit-btn:disabled{opacity:0.6;cursor:not-allowed}.form-message{display:none;padding:15px 20px;border-radius:8px;font-size:0.95rem;text-align:center;margin-top:10px}.form-message.success{background:rgba(0, 255, 0, 0.1);border:1px solid rgba(0, 255, 0, 0.3);color:#4ade80}.form-message.error{background:rgba(0, 240, 255, 0.1);border:1px solid rgba(0, 240, 255, 0.3);color:var(--neon-red)}@media (min-width:768px) and (max-width:1199px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-form-container{padding:30px}.info-item:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px)}}@media (max-width:767px){.contact-content{grid-template-columns:1fr;gap:30px}.contact-form-container{padding:20px}.info-item{padding:20px;flex-direction:column;text-align:center}.info-item:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px)}.social-section .social-links{justify-content:center}}.experience-section{padding-top:120px;padding-bottom:80px;min-height:100vh}.experience-section .container{display:block;align-items:normal}.experience-header{text-align:center;margin-bottom:60px}.experience-subtitle{color:var(--text-dim);font-size:1.1rem;margin-top:20px}.experience-timeline{max-width:1200px;margin:0 auto;position:relative;padding:40px 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px}.experience-section-header{margin-bottom:40px;padding-left:0;grid-column:1 / -1}.section-header-title{font-family:"Montserrat", sans-serif;font-size:2rem;font-weight:600;color:var(--text-light);margin:0;position:relative;display:inline-block}.section-header-title::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg, var(--neon-red), var(--neon-pink));border-radius:2px}.experience-item{position:relative;margin-bottom:0;padding-left:0;display:flex;flex-direction:column;align-items:stretch}.experience-item:last-child{margin-bottom:0}.experience-icon{position:relative;width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(0, 240, 255, 0.05));border-bottom:2px solid rgba(0, 240, 255, 0.2);border-radius:15px 15px 0 0;z-index:2;transition:var(--transition)}.experience-item[data-index="0"] .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.15), rgba(0, 240, 255, 0.08))}.experience-item[data-index="1"] .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.12), rgba(0, 240, 255, 0.06))}.experience-item[data-index="2"] .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(0, 240, 255, 0.05))}.experience-item[data-index="2"] .experience-icon i{transform:none}.experience-item[data-index="3"] .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.12), rgba(0, 240, 255, 0.06))}.experience-item[data-index="4"] .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.15), rgba(0, 240, 255, 0.08))}.experience-item[data-index="5"] .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(0, 240, 255, 0.05))}@keyframes iconMorph{0%, 100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}50%{border-radius:58% 42% 75% 25% / 76% 46% 54% 24%}}.experience-icon i{font-size:3rem;color:var(--neon-red);transition:var(--transition)}.experience-item:hover .experience-icon{background:linear-gradient(135deg, rgba(0, 240, 255, 0.25), rgba(0, 240, 255, 0.15));box-shadow:0 0 30px rgba(0, 240, 255, 0.3)}.experience-item:hover .experience-icon i{color:var(--neon-red);transform:scale(1.1)}.experience-content{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:0 0 15px 15px;padding:30px;width:100%;transition:var(--transition);position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column}.experience-item[data-index="0"] .experience-content{background:linear-gradient(135deg, rgba(0, 240, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);border:1px solid rgba(0, 240, 255, 0.3);box-shadow:0 4px 20px rgba(0, 240, 255, 0.1)}.experience-item[data-index="0"] .experience-content::before{display:none}.experience-item[data-index="1"] .experience-content{background:rgba(255, 255, 255, 0.03);border:1px solid rgba(0, 240, 255, 0.15);box-shadow:0 4px 20px rgba(0, 240, 255, 0.15)}.experience-item[data-index="1"] .experience-content::after{display:none}.experience-item[data-index="2"] .experience-content{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.2);box-shadow:0 4px 20px rgba(0, 240, 255, 0.1)}.experience-item[data-index="2"] .experience-content::before{display:none}.experience-item[data-index="2"] .experience-content::after{display:none}.experience-item[data-index="3"] .experience-content{background:rgba(255, 255, 255, 0.025);border:1px solid rgba(0, 240, 255, 0.15);border-radius:0 0 15px 15px}.experience-item[data-index="3"] .experience-content::before{display:none}.experience-item[data-index="4"] .experience-content{background:rgba(0, 240, 255, 0.05);border:1px solid rgba(0, 240, 255, 0.15);border-radius:0 0 15px 15px;box-shadow:0 4px 15px rgba(0, 240, 255, 0.1)}.experience-item[data-index="4"] .experience-content::before{display:none}.experience-item[data-index="5"] .experience-content{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);border-radius:0 0 15px 15px;position:relative}.experience-item[data-index="5"] .experience-content::before{display:none}.experience-item[data-index="5"] .experience-content::after{display:none}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulse{0%, 100%{opacity:0.5}50%{opacity:1}}@keyframes glow{0%, 100%{box-shadow:0 0 10px var(--neon-red);opacity:0.6}50%{box-shadow:0 0 20px var(--neon-red), 0 0 30px var(--neon-red);opacity:1}}.company-logo{position:relative;width:100%;height:80px;object-fit:contain;border-radius:0;background:transparent;padding:0;z-index:1;transition:var(--transition);margin-bottom:15px}.experience-item:hover .company-logo{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(0, 240, 255, 0.3))}.experience-modal-data{display:none !important}.experience-card-item{cursor:pointer}.experience-card-content{position:relative;overflow:hidden}.experience-card-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0);backdrop-filter:blur(0px);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:1}.experience-card-item:hover .experience-card-content::after{background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(3px)}.experience-card-item .experience-location, .experience-card-item .experience-dates, .experience-card-item .experience-description, .experience-card-item .experience-responsibilities, .experience-card-item .experience-technologies{display:none}.read-more-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:10;padding:14px 28px;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px rgba(0, 240, 255, 0.3)}.read-more-btn i{transition:transform 0.3s ease}.experience-card-item:hover .read-more-btn{opacity:1;transform:translate(-50%, -50%) scale(1)}.read-more-btn:hover{box-shadow:0 8px 30px rgba(0, 240, 255, 0.5);transform:translate(-50%, -50%) scale(1.05)}.read-more-btn:hover i{transform:translateX(4px)}.read-more-btn:active{transform:translate(-50%, -50%) scale(0.98)}.experience-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);backdrop-filter:blur(4px);z-index:-1}.modal-container{background:linear-gradient(135deg, rgba(10, 10, 10, 0.98), rgba(20, 20, 20, 0.95));border:2px solid rgba(0, 240, 255, 0.2);border-radius:20px;padding:50px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;position:relative;z-index:10;box-shadow:0 25px 50px rgba(0, 240, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);animation:slideUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content-inner{position:relative}.modal-company-logo{width:100%;max-width:200px;height:auto;object-fit:contain;margin:0 auto 30px;display:block;border-radius:12px;background:rgba(0, 240, 255, 0.1);padding:15px;box-shadow:0 4px 15px rgba(0, 240, 255, 0.2);transition:all 0.3s ease}.modal-company-logo:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0, 240, 255, 0.3)}.modal-close-btn{position:absolute;top:-30px;right:-30px;width:50px;height:50px;background:rgba(0, 240, 255, 0.1);border:2px solid var(--neon-red);border-radius:50%;color:var(--neon-red);font-size:1.5rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;z-index:11}.modal-close-btn:hover{background:var(--neon-red);color:white;transform:rotate(90deg)}.modal-title{font-size:2rem;font-weight:700;color:var(--text-light);margin-bottom:10px;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-company{font-size:1.3rem;color:var(--neon-red);margin-bottom:8px;display:flex;align-items:center;gap:10px}.modal-company::before{content:'🏢'}.modal-location{font-size:1rem;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;gap:10px}.modal-location::before{content:'📍'}.modal-dates{font-size:1rem;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;gap:10px}.modal-dates::before{content:'📅'}.modal-type{display:inline-block;padding:6px 16px;background:rgba(0, 240, 255, 0.15);border:1px solid var(--neon-red);color:var(--neon-red);border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:20px}.modal-duration{display:block;padding:10px 0;color:var(--neon-red);font-weight:600;border-top:1px solid rgba(0, 240, 255, 0.2);margin:20px 0}.modal-description{font-size:1.05rem;line-height:1.8;color:var(--text-light);margin-bottom:30px}.modal-responsibilities h4, .modal-technologies h4{font-size:1.2rem;color:var(--neon-red);margin-bottom:15px;display:flex;align-items:center;gap:10px}.modal-responsibilities h4 i, .modal-technologies h4 i{font-size:1.1rem}.modal-responsibilities ul{list-style:none;padding:0;margin-bottom:25px}.modal-responsibilities li{padding:10px 0 10px 30px;position:relative;color:var(--text-light);line-height:1.7}.modal-responsibilities li::before{content:'✓';position:absolute;left:0;color:var(--neon-red);font-weight:bold}.modal-technologies{border-top:1px solid rgba(0, 240, 255, 0.2);padding-top:25px}.modal-technologies .tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{padding:8px 16px;background:rgba(0, 240, 255, 0.1);border:1px solid var(--neon-red);color:var(--neon-red);border-radius:20px;font-size:0.9rem;font-weight:500;transition:all 0.3s ease}.tech-tag:hover{background:var(--neon-red);color:white;box-shadow:0 4px 15px rgba(0, 240, 255, 0.3)}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:rgba(0, 240, 255, 0.1);border-radius:10px}.modal-container::-webkit-scrollbar-thumb{background:var(--neon-red);border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}.experience-item:hover .company-logo{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(0, 240, 255, 0.3))}.experience-content::before{content:'';position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(90deg, var(--neon-red), var(--neon-pink));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;border-radius:0 0 15px 15px;display:none}.experience-item:hover .experience-content{background:rgba(0, 240, 255, 0.05);border-color:var(--neon-red);transform:translateY(-8px);box-shadow:0 15px 50px rgba(0, 240, 255, 0.3)}.experience-item:hover .experience-content::before{transform:scaleX(1)}.experience-item[data-index="0"]:hover .experience-content{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px rgba(0, 240, 255, 0.4), 0 0 30px rgba(0, 240, 255, 0.2);border-color:var(--neon-pink)}.experience-item[data-index="1"]:hover .experience-content{transform:translateY(-10px) rotate(1deg);box-shadow:0 20px 50px rgba(0, 240, 255, 0.4)}.experience-item[data-index="2"]:hover .experience-content{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0, 240, 255, 0.4)}.experience-item[data-index="3"]:hover .experience-content{transform:translateY(-10px);box-shadow:0 15px 50px rgba(0, 240, 255, 0.3)}.experience-item[data-index="4"]:hover .experience-content{transform:translateY(-10px) scale(1.01);box-shadow:0 20px 60px rgba(0, 240, 255, 0.4)}.experience-item[data-index="5"]:hover .experience-content{transform:translateY(-10px);box-shadow:0 15px 50px rgba(0, 240, 255, 0.3)}.experience-item[data-index="6"] .experience-content, .experience-item[data-index="7"] .experience-content, .experience-item[data-index="8"] .experience-content{background:rgba(255, 255, 255, 0.02);border:1px solid rgba(0, 240, 255, 0.1);position:relative}.experience-item[data-index="6"] .experience-content{border-top:3px solid var(--neon-red);border-radius:20px 20px 10px 10px}.experience-item[data-index="7"] .experience-content{border-left:3px solid var(--neon-pink);border-radius:0 15px 15px 0}.experience-item[data-index="8"] .experience-content{border:2px solid rgba(0, 240, 255, 0.2);border-radius:25px;box-shadow:inset 0 0 20px rgba(0, 240, 255, 0.05)}.experience-header-card{margin-bottom:20px;position:relative;padding-right:0;min-height:120px}.experience-title-section{display:flex;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.experience-title{font-family:"Montserrat", sans-serif;font-size:1.6rem;font-weight:600;color:var(--text-light);margin:0}.experience-type{background:rgba(0, 240, 255, 0.2);color:var(--neon-red);padding:6px 14px;border-radius:12px;font-size:0.85rem;font-weight:600;white-space:nowrap}.experience-company, .experience-location{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:1rem;margin-bottom:8px}.experience-company i, .experience-location i{color:var(--neon-red);font-size:0.9rem}.experience-dates{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0, 240, 255, 0.1);flex-wrap:wrap}.date-range, .duration{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:0.95rem}.date-range i, .duration i{color:var(--neon-red);font-size:0.9rem}.experience-description{color:var(--text-dim);line-height:1.7;margin-bottom:25px;font-size:1rem}.experience-responsibilities, .experience-technologies{margin-bottom:25px}.experience-responsibilities:last-child, .experience-technologies:last-child{margin-bottom:0}.responsibilities-title, .technologies-title{font-family:"Montserrat", sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-light);margin-bottom:15px;display:flex;align-items:center;gap:10px}.responsibilities-title i, .technologies-title i{color:var(--neon-red);font-size:1rem}.responsibilities-list{list-style:none;padding:0;margin:0}.responsibilities-list li{color:var(--text-dim);line-height:1.8;margin-bottom:10px;padding-left:25px;position:relative;font-size:0.95rem}.responsibilities-list li::before{content:'▸';position:absolute;left:0;color:var(--neon-red);font-weight:bold}.responsibilities-list li:last-child{margin-bottom:0}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:rgba(0, 240, 255, 0.1);color:var(--neon-red);padding:8px 16px;border-radius:20px;font-size:0.85rem;font-weight:500;border:1px solid rgba(0, 240, 255, 0.2);transition:var(--transition)}.tech-tag:hover{background:rgba(0, 240, 255, 0.2);border-color:var(--neon-red);transform:translateY(-2px)}.no-experience{text-align:center;padding:60px 20px;color:var(--text-dim)}.no-experience i{font-size:4rem;color:var(--neon-red);opacity:0.5;margin-bottom:20px}.no-experience p{font-size:1.2rem}@media (min-width:768px) and (max-width:1199px){.modal-container{max-width:650px;padding:40px}.modal-company-logo{max-width:180px;margin-bottom:28px}.modal-title{font-size:1.7rem}.modal-company{font-size:1.2rem}.read-more-btn{padding:12px 24px;font-size:0.95rem}}.experience-timeline{padding:50px 0}.experience-timeline::before{left:30px}.experience-section-header{padding-left:80px;margin-bottom:30px}.section-header-title{font-size:1.5rem;line-height:1.4}.experience-item{padding-left:80px;margin-bottom:45px}.experience-icon{width:60px;height:60px;left:0}.experience-icon i{font-size:1.4rem}.experience-content{padding:22px}.experience-header-card{margin-bottom:18px;padding-right:0}.experience-title{font-size:1.35rem;line-height:1.4}.experience-title-section{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.experience-type{font-size:0.8rem;padding:6px 13px}.experience-company, .experience-location{font-size:0.95rem;margin-bottom:7px}.experience-company i, .experience-location i{font-size:0.85rem}.experience-dates{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px;padding-bottom:18px}.date-range, .duration{font-size:0.9rem}.date-range i, .duration i{font-size:0.85rem}.experience-description{font-size:0.95rem;line-height:1.7;margin-bottom:22px}.experience-responsibilities, .experience-technologies{margin-bottom:22px}.responsibilities-title, .technologies-title{font-size:1.05rem;margin-bottom:14px}.responsibilities-title i, .technologies-title i{font-size:0.95rem}.responsibilities-list li{font-size:0.9rem;line-height:1.7;margin-bottom:9px;padding-left:23px}.tech-tags{gap:9px}.tech-tag{font-size:0.8rem;padding:7px 14px}.company-logo{width:60px;height:60px;margin-bottom:12px}.experience-item:hover .experience-content{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px)}.modal-container{padding:40px 25px;max-width:95%;border-radius:15px}.modal-company-logo{max-width:150px;margin-bottom:25px;padding:12px}.modal-close-btn{top:-25px;right:-25px;width:40px;height:40px;font-size:1.2rem}.modal-title{font-size:1.5rem;margin-bottom:8px}.modal-company{font-size:1.1rem;margin-bottom:6px}.modal-location, .modal-dates{font-size:0.9rem}.modal-description{font-size:0.95rem;line-height:1.7;margin-bottom:20px}.modal-responsibilities h4, .modal-technologies h4{font-size:1rem;margin-bottom:12px}.modal-responsibilities li{padding:8px 0 8px 25px;font-size:0.9rem}.modal-technologies .tech-tags{gap:8px}.tech-tag{font-size:0.8rem;padding:6px 12px}.read-more-btn{padding:12px 20px;font-size:0.9rem}@media (max-width:767px){.experience-timeline{width:100%;padding:30px 0;grid-template-columns:1fr;gap:25px}.experience-section-header{padding-left:0;margin-bottom:25px;grid-column:1 / -1}.section-header-title{font-size:1.3rem;line-height:1.4}.experience-item{padding-left:0;width:100%;display:flex;flex-direction:column;margin-bottom:0}.experience-icon{width:100%;height:100px;flex-shrink:0}.experience-icon i{font-size:2.5rem}.experience-content{padding:20px;width:100%;display:flex;flex-direction:column;min-width:0;position:relative}.experience-header-card{margin-bottom:15px;padding-top:0;padding-right:0;position:relative}.experience-title{font-size:1.1rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;padding-right:0;margin-right:0}.experience-title-section{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;width:100%;padding-right:0}.experience-type{font-size:0.75rem;padding:5px 12px;align-self:flex-start}.experience-company, .experience-location{font-size:0.9rem;margin-bottom:6px;gap:6px;flex-wrap:wrap}.experience-company i, .experience-location i{font-size:0.85rem;flex-shrink:0}.experience-company span, .experience-location span{word-wrap:break-word;overflow-wrap:break-word}.experience-dates{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:15px;padding-bottom:15px}.date-range, .duration{font-size:0.85rem;gap:6px;flex-wrap:wrap}.date-range i, .duration i{font-size:0.8rem;flex-shrink:0}.date-range span, .duration span{word-wrap:break-word;overflow-wrap:break-word}.experience-description{font-size:0.9rem;line-height:1.6;margin-bottom:18px;word-wrap:break-word;overflow-wrap:break-word}.experience-responsibilities, .experience-technologies{margin-bottom:18px}.responsibilities-title, .technologies-title{font-size:0.95rem;margin-bottom:12px;gap:8px}.responsibilities-title i, .technologies-title i{font-size:0.9rem;flex-shrink:0}.responsibilities-list li{font-size:0.85rem;line-height:1.6;margin-bottom:8px;padding-left:20px;word-wrap:break-word;overflow-wrap:break-word}.responsibilities-list li::before{left:2px;font-size:0.9rem}.tech-tags{gap:8px}.tech-tag{font-size:0.75rem;padding:6px 12px;white-space:nowrap}.company-logo{width:100%;height:60px;margin-bottom:15px}.experience-title-section{max-width:100%;padding-right:0;margin-right:0}.experience-title{max-width:100%;padding-right:0;margin-right:0}.experience-item:hover .experience-content{-webkit-transform:translateX(3px);-moz-transform:translateX(3px);transform:translateX(3px)}.no-experience{display:-webkit-box;display:-ms-flexbox;display:flex !important;opacity:1 !important;visibility:visible !important;padding:40px 20px;text-align:center}.no-experience i{font-size:3rem}.no-experience p{font-size:1rem;line-height:1.5}@media (max-width:480px){.experience-item{padding-left:55px;margin-bottom:30px}.experience-section-header{padding-left:55px;margin-bottom:20px}.experience-timeline::before{left:18px}.experience-icon{width:36px;height:36px}.experience-icon i{font-size:1rem}.experience-content{padding:12px 10px}.experience-title{font-size:1rem}.section-header-title{font-size:1.2rem}.experience-content{padding-top:45px}.experience-header-card{padding-right:55px;min-height:45px}.experience-title-section{max-width:calc(100% - 60px)}.company-logo{width:45px;height:45px;max-width:18%;max-height:18%;top:8px;right:10px;padding:3px;z-index:2;position:absolute;flex-shrink:0}.experience-company, .experience-location{font-size:0.85rem}.experience-description{font-size:0.85rem}.responsibilities-title, .technologies-title{font-size:0.9rem}.responsibilities-list li{font-size:0.8rem;padding-left:18px}.tech-tag{font-size:0.7rem;padding:5px 10px}}}footer{background:var(--darker-bg);padding:60px 0 30px;position:relative;border-top:1px solid rgba(0, 240, 255, 0.1);overflow:hidden}.footer-background-animations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.footer-animated-lines{position:absolute;width:100%;height:100%}.footer-line{position:absolute;background:linear-gradient(90deg, transparent, var(--neon-red), transparent);opacity:0.15;animation:footerLineMove 12s linear infinite}.footer-line-1{width:2px;height:100%;left:15%;animation-delay:0s;box-shadow:0 0 8px var(--neon-red)}.footer-line-2{width:2px;height:100%;left:70%;animation-delay:4s;background:linear-gradient(90deg, transparent, var(--neon-pink), transparent);box-shadow:0 0 8px var(--neon-pink)}.footer-line-3{width:100%;height:2px;top:25%;animation-delay:2s;background:linear-gradient(90deg, transparent, var(--neon-red), transparent);box-shadow:0 0 8px var(--neon-red)}.footer-line-4{width:100%;height:2px;top:75%;animation-delay:6s;background:linear-gradient(90deg, transparent, var(--neon-pink), transparent);box-shadow:0 0 8px var(--neon-pink)}@keyframes footerLineMove{0%{opacity:0.1;transform:scaleY(0.5) scaleX(0.5)}50%{opacity:0.2;transform:scaleY(1) scaleX(1)}100%{opacity:0.1;transform:scaleY(0.5) scaleX(0.5)}}.footer-geometric-shapes{position:absolute;width:100%;height:100%}.footer-shape{position:absolute;border:2px solid;opacity:0.12;animation:footerShapeRotate 18s linear infinite}.footer-shape-1{width:120px;height:120px;top:10%;left:8%;border-color:var(--neon-red);clip-path:polygon(50% 0%, 0% 100%, 100% 100%);animation-delay:0s}.footer-shape-2{width:100px;height:100px;bottom:15%;right:10%;border-color:var(--neon-pink);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation-delay:6s}.footer-shape-3{width:80px;height:80px;top:50%;left:60%;border-color:var(--neon-red);transform:rotate(45deg);animation-delay:3s}.footer-shape-4{width:90px;height:90px;top:65%;right:35%;border-color:var(--neon-pink);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);animation-delay:9s}@keyframes footerShapeRotate{0%{transform:rotate(0deg) scale(1);opacity:0.08}50%{transform:rotate(180deg) scale(1.15);opacity:0.15}100%{transform:rotate(360deg) scale(1);opacity:0.08}}.footer-glow-spot{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.15}.footer-spot-1{width:300px;height:300px;background:var(--neon-red);top:-50px;left:-50px;animation:footerGlowPulse 8s ease-in-out infinite;animation-delay:0s}.footer-spot-2{width:250px;height:250px;background:var(--neon-pink);bottom:-40px;right:-40px;animation:footerGlowPulse 8s ease-in-out infinite;animation-delay:4s}.footer-spot-3{width:200px;height:200px;background:var(--neon-red);top:50%;left:50%;animation:footerGlowPulse 8s ease-in-out infinite, footerSpot3Move 10s ease-in-out infinite;animation-delay:2s}@keyframes footerGlowPulse{0%, 100%{transform:scale(1);opacity:0.1}50%{transform:scale(1.3);opacity:0.2}}@keyframes footerSpot3Move{0%, 100%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-50%, -50%) scale(1.4)}}.footer-wave-effect{position:absolute;width:150%;height:150%;border-radius:50%;border:1px solid;opacity:0.08;animation:footerWaveExpand 10s ease-in-out infinite}.footer-wave-1{top:-25%;left:-25%;border-color:var(--neon-red);animation-delay:0s}.footer-wave-2{bottom:-25%;right:-25%;border-color:var(--neon-pink);animation-delay:5s}@keyframes footerWaveExpand{0%{transform:scale(0.7);opacity:0.06}50%{transform:scale(1.1);opacity:0.12}100%{transform:scale(0.7);opacity:0.06}}.footer-code-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.08;overflow:hidden;pointer-events:none;z-index:0}.footer-code-bg .code-line{position:absolute;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--neon-red);white-space:nowrap;animation:footerCodeFade 10s ease-in-out infinite}.footer-code-bg .code-line:nth-child(1){top:30%;left:5%;transform:rotate(-5deg);animation-delay:0s}.footer-code-bg .code-line:nth-child(2){top:50%;left:15%;transform:rotate(3deg);animation-delay:5s}@keyframes footerCodeFade{0%, 100%{opacity:0.05;transform:rotate(-5deg) translateY(0px)}50%{opacity:0.12;transform:rotate(-5deg) translateY(-10px)}}.footer-code-bg-right{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0.08;overflow:hidden;pointer-events:none;z-index:0}.footer-code-bg-right .code-line{position:absolute;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--neon-red);white-space:nowrap;top:20%;right:10%;transform:rotate(-2deg);animation:footerCodeFadeRight 12s ease-in-out infinite}@keyframes footerCodeFadeRight{0%, 100%{opacity:0.05;transform:rotate(-2deg) translateY(0px)}50%{opacity:0.12;transform:rotate(-2deg) translateY(-8px)}}.footer-content{max-width:1400px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:60px;margin-bottom:50px;padding-bottom:40px;border-bottom:1px solid rgba(0, 240, 255, 0.1)}.footer-column{position:relative;z-index:1}.footer-name{font-family:"Montserrat", sans-serif;font-size:2rem;font-weight:700;color:var(--text-light);margin-bottom:10px}.footer-title{font-size:1rem;color:var(--text-dim);margin-bottom:20px;font-weight:400}.footer-bio{font-size:0.95rem;color:var(--text-dim);line-height:1.7;margin-bottom:25px}.footer-subheading{font-family:"Montserrat", sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-light);margin-bottom:20px}.follow-me-heading{font-family:"Inter", sans-serif;font-weight:500;font-size:1rem;letter-spacing:0.5px;text-transform:uppercase;color:var(--text-light);margin-bottom:20px}.footer-social-links{display:flex;gap:15px;flex-wrap:wrap}.footer-social-link, .social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#ffffff;font-size:1.3rem;text-decoration:none;transition:var(--transition);border:none}.footer-social-link:hover, .social-link:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px rgba(0, 0, 0, 0.3)}.footer-social-github, .social-github{background:#1877f2;border-radius:50%}.footer-social-github:hover, .social-github:hover{background:#166fe5}.footer-social-linkedin, .social-linkedin{background:#0077b5;border-radius:8px}.footer-social-linkedin:hover, .social-linkedin:hover{background:#006399}.footer-social-facebook, .social-facebook{background:#1877f2;border-radius:8px}.footer-social-facebook:hover, .social-facebook:hover{background:#166fe5}.footer-social-twitter, .social-twitter{background:#1da1f2;border-radius:8px}.footer-social-twitter:hover, .social-twitter:hover{background:#1a91da}.footer-nav-list{list-style:none;padding:0;margin:0}.footer-nav-list li{margin-bottom:12px}.footer-nav-list li a{color:var(--text-dim);text-decoration:none;font-size:0.95rem;transition:var(--transition);display:inline-block}.footer-nav-list li a:hover{color:var(--neon-red);transform:translateX(5px)}.footer-contact-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.footer-contact-item i{color:var(--neon-red);font-size:1.1rem;margin-top:3px;flex-shrink:0}.footer-contact-item div{display:flex;flex-direction:column;gap:5px}.contact-label{font-size:0.85rem;color:var(--text-dim);font-weight:500}.footer-contact-item a, .footer-contact-item span{color:var(--text-dim);text-decoration:none;font-size:0.95rem;transition:var(--transition)}.footer-contact-item a:hover{color:var(--neon-red)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-copyright, .footer-dev-credit{font-size:0.85rem;color:var(--text-dim);margin:0}.footer-copyright .heart{color:#ff0000}.footer-bottom-right{text-align:right}@media (min-width:768px) and (max-width:1199px){.footer-columns{grid-template-columns:repeat(2, 1fr);gap:40px}.footer-contact{grid-column:1 / -1}}@media (max-width:767px){.footer-content{padding:0 20px}.footer-columns{grid-template-columns:1fr;gap:30px;margin-bottom:30px;padding-bottom:30px}.footer-name{font-size:1.6rem}.footer-title{font-size:0.9rem}.footer-bio{font-size:0.9rem}.footer-subheading{font-size:1rem}.footer-nav-list li a{font-size:0.9rem}.footer-contact-item{margin-bottom:15px}.footer-contact-item a, .footer-contact-item span{font-size:0.9rem}.footer-bottom{flex-direction:column;text-align:center;gap:15px}.footer-bottom-right{text-align:center}.footer-copyright, .footer-dev-credit{font-size:0.8rem}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:var(--neon-pink)}::-webkit-scrollbar-thumb:hover{background:var(--neon-pink)}@media (min-width:768px) and (max-width:1199px){.hero-content{grid-template-columns:1fr 1fr;text-align:left}.hero-text h1{font-size:2.6rem}.hero-text h2{font-size:1.5rem}.profile-wrapper{width:380px;height:380px;margin:0 auto}}@media (max-width:767px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{margin-bottom:40px}.hero-text h1{font-size:2.2rem;line-height:1.2}.hero-text h2{font-size:1.3rem}.hero-text p{font-size:0.95rem}.btn-group{flex-direction:column;align-items:stretch;gap:15px;width:100%}.btn{width:100%;justify-content:center;display:flex;visibility:visible;opacity:1}.profile-wrapper, .about-profile-wrapper, .hero-profile-wrapper{width:280px;height:280px;margin:0 auto;max-width:100%;overflow:visible}.profile-container{width:100%;max-width:100%;overflow:visible;padding:0 20px;margin:0 auto}.profile-img, .about-profile-img, .hero-profile-img{width:100%;height:100%;object-fit:cover;max-width:100%;max-height:100%}}.particle{position:absolute;border-radius:50%;background:var(--neon-red);pointer-events:none;z-index:5}.error-section{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-top:100px;padding-bottom:80px;position:relative;z-index:1}.error-content{text-align:center;max-width:800px;margin:0 auto;padding:40px 20px}.error-code-wrapper{position:relative;display:inline-block;margin-bottom:30px}.error-code{font-family:"Montserrat", sans-serif;font-size:12rem;font-weight:900;line-height:1;margin:0;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink), #ffffff, var(--neon-red));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;-webkit-animation:gradientShift 5s ease infinite;-moz-animation:gradientShift 5s ease infinite;-o-animation:gradientShift 5s ease infinite;animation:gradientShift 5s ease infinite;text-shadow:0 0 40px rgba(0, 240, 255, 0.5);position:relative;z-index:2;letter-spacing:10px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.error-code-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;height:300px;background:radial-gradient(circle, var(--neon-red) 0%, transparent 70%);border-radius:50%;filter:blur(60px);opacity:0.4;z-index:1;-webkit-animation:errorPulse 3s ease-in-out infinite;-moz-animation:errorPulse 3s ease-in-out infinite;-o-animation:errorPulse 3s ease-in-out infinite;animation:errorPulse 3s ease-in-out infinite}@keyframes errorPulse{0%, 100%{opacity:0.3;transform:translate(-50%, -50%) scale(1)}50%{opacity:0.6;transform:translate(-50%, -50%) scale(1.2)}}.error-title{font-family:"Montserrat", sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-light);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.error-description{font-size:1.1rem;color:var(--text-dim);line-height:1.8;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-secondary{background:transparent;color:var(--text-light);border:2px solid var(--text-dim);-webkit-box-shadow:0 0 15px rgba(255, 255, 255, 0.1);box-shadow:0 0 15px rgba(255, 255, 255, 0.1)}.btn-secondary:hover{border-color:var(--text-light);color:var(--text-light);-webkit-box-shadow:0 0 25px rgba(255, 255, 255, 0.3);box-shadow:0 0 25px rgba(255, 255, 255, 0.3);transform:translateY(-2px)}.btn-secondary::before{background:rgba(255, 255, 255, 0.1)}@media (min-width:768px) and (max-width:1199px){.error-code{font-size:10rem}.error-title{font-size:2.2rem}.error-description{font-size:1rem}}@media (max-width:767px){.error-section{padding-top:120px;padding-bottom:60px}.error-code{font-size:7rem;letter-spacing:5px}.error-code-glow{width:200px;height:200px}.error-title{font-size:1.8rem;margin-bottom:15px}.error-description{font-size:0.95rem;margin-bottom:30px}.error-actions{flex-direction:column;align-items:stretch;gap:15px}.error-actions .btn{width:100%;justify-content:center}}@media (max-width:767px){.mobile-menu-toggle{display:block}.nav-links{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:rgba(10, 10, 10, 0.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;gap:30px;-webkit-transition:left 0.3s ease;-moz-transition:left 0.3s ease;-o-transition:left 0.3s ease;transition:left 0.3s ease;border-top:1px solid rgba(0, 240, 255, 0.1);z-index:999}.nav-links.active{left:0}.nav-link{font-size:1.2rem;padding:10px 0}.mobile-menu-toggle.active i.fa-bars{display:none}.mobile-menu-toggle.active i.fa-times{display:block}.mobile-menu-toggle i.fa-times{display:none}}@media (min-width:768px) and (max-width:1199px){.navbar{padding:20px 30px}.nav-links{gap:25px}.nav-link{font-size:0.95rem}}@media (max-width:767px){body{padding-top:70px}.container{padding:0 20px;gap:30px}.navbar{padding:18px 20px;height:70px}.logo{font-size:1.5rem}.section-title{font-size:2rem}#hero{padding-top:120px;padding-bottom:60px}.hero-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px;width:100%}.profile-container{width:100%;max-width:100%;overflow:visible;padding:0;margin:0 auto 0;display:flex;justify-content:center;align-items:center;order:-1}.profile-wrapper, .about-profile-wrapper, .hero-profile-wrapper{width:280px;height:280px;max-width:min(280px, calc(100vw - 40px));max-height:min(280px, calc(100vw - 40px));margin:0 auto;overflow:visible;position:relative;display:block}.about-profile-wrapper{animation:aboutFloat 6s ease-in-out infinite !important;position:relative}.profile-wrapper.about-profile-wrapper{animation:aboutFloat 6s ease-in-out infinite !important}.profile-img, .about-profile-img, .hero-profile-img{width:100% !important;height:100% !important;object-fit:cover;max-width:100%;max-height:100%;display:block}.about-profile-img, .profile-img.about-profile-img{border-radius:20px !important;border:5px solid var(--neon-red) !important;box-shadow:0 0 40px var(--neon-red), 0 0 80px rgba(0, 240, 255, 0.4), inset 0 0 20px rgba(0, 240, 255, 0.1) !important;animation:aboutGlow 5s ease-in-out infinite, aboutSlide 10s ease-in-out infinite !important;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;transition:all 0.3s ease !important;background:transparent !important;position:relative;z-index:10}.about-profile-img:hover, .profile-img.about-profile-img:hover{clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%) !important;border-color:var(--neon-pink) !important}.about-glow-effect{position:absolute;width:110%;height:110%;top:-5%;left:-5%;border-radius:20px;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink)) !important;filter:blur(60px) !important;opacity:0.3;z-index:1;animation:aboutPulse 4s ease-in-out infinite !important;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%) !important;pointer-events:none}.glow-effect:not(.about-glow-effect){position:absolute;width:110%;height:110%;top:-5%;left:-5%;border-radius:50%;background:var(--neon-red);filter:blur(60px);opacity:0.3;z-index:1;animation:pulse 4s infinite alternate;pointer-events:none}.hexagon-border{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:105%;height:105%;border:4px solid var(--neon-red);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation:hexagonRotate 8s linear infinite, hexagonGlow 3s ease-in-out infinite !important;z-index:2;pointer-events:none}.hexagon-border::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:95%;height:95%;border:2px solid var(--neon-pink);clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);animation:hexagonRotateReverse 6s linear infinite !important}.scanning-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, transparent, var(--neon-red), transparent);animation:scanLine 3s linear infinite !important;z-index:4;pointer-events:none;clip-path:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%)}.hero-content{width:100%;order:1;text-align:center}.hero-text{width:100%;text-align:center}.hero-text h1{font-size:2.2rem;white-space:normal;text-align:center}.hero-text h2{font-size:1.3rem;text-align:center}.hero-text p{text-align:center}.btn-group{flex-direction:column;align-items:stretch;justify-content:center}.projects-section, .contact-section, .about-section, .experience-section{padding-top:100px;padding-bottom:60px}.contact-content, .about-main{grid-template-columns:1fr;gap:30px}.projects-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1199px){.container{padding:0 30px;gap:40px}.hero-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-content{order:1;text-align:left}.profile-container{order:2}.hero-text{text-align:left}.hero-text h1{font-size:2.6rem;white-space:normal;text-align:left}.hero-text h2{font-size:1.5rem;text-align:left}.hero-text p{text-align:left}.contact-content, .about-main{grid-template-columns:1fr 1fr;gap:40px}.projects-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}}@media (min-width:1200px) and (max-width:1365px){.container{max-width:1200px;padding:0 40px}.skills-icons-grid{grid-template-columns:repeat(auto-fill, minmax(95px, 1fr));gap:22px}.skill-icon-item{width:95px;height:95px}.skill-icon-item i{font-size:46px}}@media (min-width:1366px) and (max-width:1439px){.skills-icons-grid{grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:25px}}@media (min-width:1440px){.skills-icons-grid{grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));gap:30px;max-width:1400px}.skill-icon-item{width:110px;height:110px}.skill-icon-item i{font-size:52px}.icon-tooltip{bottom:-55px;padding:10px 14px}.tooltip-name{font-size:13px}.tooltip-level{font-size:12px}}@media (min-width:1366px) and (max-width:1439px){.container{max-width:1366px;padding:0 40px}}@media (min-width:1440px) and (max-width:1679px){.container{max-width:1440px;padding:0 40px}}@media (min-width:1680px) and (max-width:1919px){.container{max-width:1680px;padding:0 50px}}@media (min-width:1920px){.container{max-width:1920px;padding:0 60px}}img{max-width:100%;height:auto;display:block}@media (max-width:767px){.btn, .filter-btn, .social-link, .footer-social-link{min-height:44px;min-width:44px}.nav-link{padding:12px 0;min-height:44px;display:flex;align-items:center}}@supports not (backdrop-filter:blur(10px)){.navbar{background:rgba(10, 10, 10, 0.95)}.nav-links.active{background:rgba(10, 10, 10, 0.99)}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@supports not (display:grid){.hero-content, .footer-columns, .contact-content, .about-main, .projects-grid, .core-values-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}body, html{overflow-x:hidden;width:100%;max-width:100%}@media (max-width:767px){[data-aos].aos-animate{opacity:1 !important;visibility:visible !important}}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));border:2px solid var(--neon-red);border-radius:50%;color:var(--text-light);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.8);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:1000;box-shadow:0 4px 15px rgba(0, 240, 255, 0.3), 0 0 20px rgba(0, 240, 255, 0.2), inset 0 0 10px rgba(255, 255, 255, 0.1);-webkit-tap-highlight-color:transparent}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top:hover{background:linear-gradient(135deg, var(--neon-pink), var(--neon-red));border-color:var(--neon-pink);transform:translateY(-5px) scale(1.1);box-shadow:0 6px 25px rgba(0, 240, 255, 0.5), 0 0 30px rgba(0, 240, 255, 0.4), inset 0 0 15px rgba(255, 255, 255, 0.2)}.back-to-top:active{transform:translateY(-3px) scale(1.05);box-shadow:0 4px 15px rgba(0, 240, 255, 0.4), 0 0 20px rgba(0, 240, 255, 0.3)}.back-to-top i{transition:transform 0.3s ease}.back-to-top:hover i{transform:translateY(-2px)}@media (max-width:767px){.back-to-top{width:45px;height:45px;bottom:20px;right:20px;font-size:16px}.back-to-top:hover{transform:translateY(-3px) scale(1.05)}}@media (min-width:768px) and (max-width:1199px){.back-to-top{width:48px;height:48px;bottom:25px;right:25px;font-size:17px}}.skills-section{padding-top:120px;padding-bottom:80px;min-height:100vh;position:relative;overflow:hidden}.skills-section .container{display:block;align-items:normal}.skills-header{text-align:center;margin-bottom:60px}.skills-subtitle{color:var(--text-dim);font-size:18px;margin-top:20px;font-weight:400}.skills-container{display:flex;flex-direction:column;gap:50px}.skills-category{margin-bottom:40px}.skills-category-title{font-size:28px;font-weight:700;color:var(--text-light);margin-bottom:30px;text-align:center;background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;font-family:"Montserrat", sans-serif}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:20px;perspective:1000px}.skill-card{background:rgba(10, 10, 10, 0.7);border:2px solid rgba(0, 240, 255, 0.2);border-radius:15px;padding:20px 15px;text-align:center;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor:pointer;position:relative;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.skill-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(255, 0, 60, 0.1));opacity:0;transition:opacity 0.4s ease;z-index:0}.skill-card:hover::before{opacity:1}.skill-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);border-color:var(--neon-red);box-shadow:0 15px 40px rgba(0, 240, 255, 0.3), 0 0 30px rgba(0, 240, 255, 0.2), inset 0 0 20px rgba(0, 240, 255, 0.1)}.skill-icon{width:70px;height:70px;margin:0 auto 12px;position:relative;transform-style:preserve-3d;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index:1}.skill-icon::before{content:'';position:absolute;top:50%;left:50%;width:90px;height:90px;background:radial-gradient(circle, var(--skill-color), transparent);opacity:0.3;border-radius:50%;transform:translate(-50%, -50%) scale(0);transition:transform 0.5s ease;z-index:-1}.skill-card:hover .skill-icon::before{transform:translate(-50%, -50%) scale(1.2);opacity:0.5}.skill-icon i{font-size:36px;color:var(--skill-color);display:block;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);filter:drop-shadow(0 0 8px var(--skill-color));position:relative;z-index:2;line-height:1}.skill-icon i[class*="fa-"]{font-size:36px;color:var(--skill-color);display:inline-block;width:auto;height:auto}.skill-icon i[class*="devicon"]{font-size:36px;color:var(--skill-color);line-height:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;filter:drop-shadow(0 0 8px var(--skill-color))}.skill-card:hover .skill-icon i[class*="devicon"]{filter:drop-shadow(0 0 20px var(--skill-color))}.skill-card:hover .skill-icon{transform:translateY(-10px) rotateY(360deg) rotateX(10deg) scale(1.1)}.skill-card:hover .skill-icon i{transform:scale(1.2);filter:drop-shadow(0 0 20px var(--skill-color))}.skill-name{font-size:15px;font-weight:600;color:var(--text-light);margin-bottom:10px;font-family:"Montserrat", sans-serif;position:relative;z-index:1;line-height:1.3}.skill-level-container{position:relative;width:100%;height:6px;background:rgba(255, 255, 255, 0.1);border-radius:8px;overflow:hidden;margin-top:8px}.skill-level-bar{height:100%;background:linear-gradient(90deg, var(--skill-color), var(--skill-color));border-radius:10px;transition:width 1.5s cubic-bezier(0.4, 0, 0.2, 1);position:relative;box-shadow:0 0 10px var(--skill-color)}.skill-level-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skill-level-text{position:absolute;top:-20px;right:0;font-size:11px;font-weight:600;color:var(--text-dim);transition:color 0.3s ease}.skill-card:hover .skill-level-text{color:var(--skill-color)}.skill-card:active{transform:translateY(-5px) rotateX(2deg) rotateY(2deg) scale(0.98)}@media (max-width:767px){.skills-section{padding-top:100px;padding-bottom:60px}.skills-header{margin-bottom:40px}.skills-subtitle{font-size:16px;padding:0 20px}.skills-container{gap:35px}.skills-category-title{font-size:22px;margin-bottom:20px}.skills-grid{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:15px}.skill-card{padding:18px 12px;border-radius:12px;min-height:160px}.skill-icon{width:60px;height:60px;margin-bottom:10px}.skill-icon i{font-size:32px}.skill-icon i[class*="devicon"]{font-size:32px;width:32px;height:32px}.skill-icon i[class*="fa-"]{font-size:32px}.skill-name{font-size:13px;margin-bottom:8px}.skill-level-container{height:5px}.skill-level-text{font-size:10px;top:-18px}.skill-card:hover{transform:translateY(-5px) rotateX(2deg) rotateY(2deg)}.view-toggle-container{gap:10px;margin-bottom:30px}.view-toggle-btn{padding:10px 14px;font-size:12px}.view-toggle-btn span{display:none}.view-toggle-btn i{font-size:18px}.skills-table-wrapper{margin:0 -20px;padding:0 20px}.skills-table{min-width:600px}.table-category-header{padding:12px 8px;font-size:14px}.skills-table tbody td{padding:12px 8px}.table-skill-item i{font-size:24px}.table-skill-name{font-size:12px}.table-skill-level{font-size:11px}.skills-badges-container{gap:10px}.skill-badge{padding:8px 12px}.skill-badge i{font-size:18px}.badge-name{font-size:12px}.badge-level{font-size:11px;padding:2px 6px}.skills-icons-view{padding:20px 0;width:100%;overflow-x:visible}.skills-icons-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(65px, 1fr));gap:10px;padding:0 5px;max-width:100%;width:100%;margin:0 auto;overflow:visible}.skill-icon-item{width:65px;height:65px;border-radius:12px;min-width:65px;min-height:65px;flex-shrink:0}.skill-icon-item:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 5px 15px rgba(0, 240, 255, 0.3)}.skill-icon-item:active{transform:translateY(-1px) scale(1.02)}.skill-icon-item i{font-size:30px;display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.skill-icon-item:hover i{transform:scale(1.1)}.skill-icon-item i[class*="devicon"]{font-size:30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.icon-tooltip{bottom:-48px;padding:6px 10px;font-size:10px;max-width:120px;white-space:normal;word-wrap:break-word}.skill-icon-item:hover .icon-tooltip{bottom:-43px}.icon-tooltip::before{border-left-width:5px;border-right-width:5px;border-bottom-width:5px;top:-5px}.tooltip-name{font-size:10px;margin-bottom:1px;display:block;line-height:1.2}.tooltip-level{font-size:9px;display:block}.skills-icons-view .container{max-width:100%;padding:0 10px;overflow-x:visible}.skills-marquee-wrapper{padding:20px 0}.skills-category-marquee{margin-bottom:40px}.skills-category-title-marquee{font-size:18px;margin-bottom:20px;letter-spacing:1px}.skills-marquee-container{mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent);-webkit-mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent)}.skills-marquee-container{padding:15px 0}.skills-marquee-container::before, .skills-marquee-container::after{width:80px}.skills-marquee-tracks-wrapper{animation-duration:30s}.skills-marquee-track{gap:30px}.skill-icon-item-marquee{width:75px;height:75px;min-width:75px;border-radius:18px}.skill-icon-item-marquee:hover{transform:translateY(-8px) scale(1.1) rotateY(3deg)}.skill-icon-item-marquee:hover{transform:translateY(-5px) scale(1.1) rotateY(5deg)}.skill-icon-item-marquee i{font-size:38px}.skill-icon-item-marquee i[class*="devicon"]{font-size:38px;width:38px;height:38px}.skill-icon-item-marquee:hover i{transform:scale(1.2) rotateZ(3deg)}.icon-tooltip-marquee{bottom:-50px;padding:6px 10px;font-size:10px}.icon-tooltip-marquee .tooltip-name{font-size:10px}.icon-tooltip-marquee .tooltip-level{font-size:9px}@media (max-width:360px){.skills-icons-grid{grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:8px;padding:0}.skill-icon-item{width:60px;height:60px;min-width:60px;min-height:60px}.skill-icon-item i{font-size:28px}.skill-icon-item i[class*="devicon"]{font-size:28px;width:28px;height:28px}.skill-icon-item-marquee{width:65px;height:65px;min-width:65px}.skill-icon-item-marquee i{font-size:32px}.skill-icon-item-marquee i[class*="devicon"]{font-size:32px;width:32px;height:32px}.skills-marquee-track{gap:18px}.skills-category-title-marquee{font-size:20px;letter-spacing:2px;margin-bottom:30px}}}.view-toggle-container{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.view-toggle-btn{background:rgba(10, 10, 10, 0.7);border:2px solid rgba(0, 240, 255, 0.3);border-radius:10px;padding:12px 20px;color:var(--text-light);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;font-family:"Inter", sans-serif}.view-toggle-btn:hover{border-color:var(--neon-red);background:rgba(0, 240, 255, 0.1);transform:translateY(-2px)}.view-toggle-btn.active{background:linear-gradient(135deg, var(--neon-red), var(--neon-pink));border-color:var(--neon-red);box-shadow:0 4px 15px rgba(0, 240, 255, 0.3)}.view-toggle-btn i{font-size:16px}.view-toggle-btn span{font-size:14px}.skills-table-view{overflow-x:auto}.skills-table-wrapper{width:100%;overflow-x:auto;margin-top:20px}.skills-table{width:100%;border-collapse:collapse;background:rgba(10, 10, 10, 0.5);border-radius:15px;overflow:hidden;min-width:800px}.skills-table thead{background:linear-gradient(135deg, rgba(0, 240, 255, 0.2), rgba(255, 0, 60, 0.2))}.table-category-header{padding:20px;text-align:center;font-size:18px;font-weight:700;color:var(--text-light);border-right:1px solid rgba(0, 240, 255, 0.2);font-family:"Montserrat", sans-serif}.table-category-header:last-child{border-right:none}.skills-table tbody tr{border-bottom:1px solid rgba(0, 240, 255, 0.1);transition:background 0.3s ease}.skills-table tbody tr:hover{background:rgba(0, 240, 255, 0.05)}.skills-table tbody td{padding:15px 20px;text-align:center;border-right:1px solid rgba(0, 240, 255, 0.1);vertical-align:middle}.skills-table tbody td:last-child{border-right:none}.table-skill-item{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column}.table-skill-item i{font-size:32px;margin-bottom:5px}.table-skill-name{font-size:14px;color:var(--text-light);font-weight:500;margin-bottom:5px}.table-skill-level{font-size:12px;font-weight:600}.skills-badges-view .skills-category-badges{margin-bottom:40px}.skills-badges-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px 0}.skill-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(10, 10, 10, 0.7);border:2px solid rgba(0, 240, 255, 0.2);border-radius:25px;transition:all 0.3s ease;cursor:pointer}.skill-badge:hover{border-color:var(--skill-color);background:rgba(0, 240, 255, 0.1);transform:translateY(-3px) scale(1.05);box-shadow:0 5px 20px rgba(0, 240, 255, 0.3)}.skill-badge i{font-size:20px;color:var(--skill-color);filter:drop-shadow(0 0 5px var(--skill-color))}.badge-name{font-size:14px;font-weight:600;color:var(--text-light);font-family:"Inter", sans-serif}.badge-level{font-size:12px;font-weight:700;color:var(--skill-color);background:rgba(0, 240, 255, 0.1);padding:2px 8px;border-radius:10px}.skills-icons-view{padding:40px 0;width:100%;overflow-x:visible}.skills-icons-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:25px;max-width:1200px;margin:0 auto;padding:0 20px;width:100%;overflow:visible}.skill-icon-item{position:relative;width:100px;height:100px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:rgba(10, 10, 10, 0.7);border:2px solid rgba(0, 240, 255, 0.2);border-radius:20px;cursor:pointer;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.skill-icon-item:hover{border-color:var(--skill-color);transform:translateY(-8px) scale(1.1) rotateY(5deg);box-shadow:0 10px 30px rgba(0, 240, 255, 0.4);background:rgba(0, 240, 255, 0.1)}.skill-icon-item:active{transform:translateY(-4px) scale(1.05) rotateY(2deg)}.skill-icon-item i{font-size:48px;color:var(--skill-color);filter:drop-shadow(0 0 10px var(--skill-color));transition:all 0.3s ease}.skill-icon-item:hover i{transform:scale(1.2);filter:drop-shadow(0 0 20px var(--skill-color))}.icon-tooltip{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);background:rgba(10, 10, 10, 0.95);border:1px solid var(--skill-color);border-radius:8px;padding:8px 12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease;pointer-events:none;z-index:10;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5)}.skill-icon-item:hover .icon-tooltip{opacity:1;visibility:visible;bottom:-45px}.icon-tooltip::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--skill-color)}.tooltip-name{display:block;font-size:12px;font-weight:600;color:var(--text-light);margin-bottom:2px}.tooltip-level{display:block;font-size:11px;color:var(--skill-color);font-weight:700}.skills-marquee-wrapper{width:100%;padding:40px 0}.skills-category-marquee{margin-bottom:60px}.skills-category-marquee:last-child{margin-bottom:0}.skills-category-title-marquee{font-size:28px;font-weight:800;color:var(--text-light);margin-bottom:40px;text-align:center;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg, #00f0ff, #00d4ff, #00b8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:15px;font-family:"Montserrat", sans-serif}.skills-category-title-marquee::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg, transparent, #00f0ff, transparent);border-radius:2px;box-shadow:0 0 10px #00f0ff}.skills-marquee-container{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);padding:20px 0}.skills-marquee-container::before, .skills-marquee-container::after{content:'';position:absolute;top:0;bottom:0;width:150px;z-index:5;pointer-events:none}.skills-marquee-container::before{left:0;background:linear-gradient(to right, var(--dark-bg), transparent)}.skills-marquee-container::after{right:0;background:linear-gradient(to left, var(--dark-bg), transparent)}.skills-marquee-tracks-wrapper{display:flex;width:fit-content;animation:scroll-left 20s linear infinite;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.skills-marquee-track{display:flex;gap:30px;width:fit-content;flex-shrink:0;align-items:center}.skills-marquee-tracks-wrapper[data-speed="slow"]{animation-duration:35s}.skills-marquee-tracks-wrapper[data-speed="fast"]{animation-duration:20s}.skills-marquee-tracks-wrapper[data-direction="rtl"]{animation-name:scroll-right}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.skill-icon-item-marquee{position:relative;width:110px;height:110px;min-width:110px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(10, 10, 10, 0.95), rgba(20, 20, 20, 0.9));border:2px solid rgba(0, 240, 255, 0.2);border-radius:24px;cursor:pointer;transition:all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1)}.skill-icon-item-marquee::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:2px;background:linear-gradient(135deg, var(--skill-color), transparent, var(--skill-color));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.5s ease}.skill-icon-item-marquee:hover::before{opacity:0.6}.skill-icon-item-marquee:hover{border-color:var(--skill-color);transform:translateY(-12px) scale(1.12) rotateY(5deg);box-shadow:0 20px 50px rgba(0, 240, 255, 0.4), 0 0 30px rgba(0, 240, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);background:linear-gradient(135deg, rgba(0, 240, 255, 0.15), rgba(10, 10, 10, 0.9));z-index:10}.skill-icon-item-marquee i{font-size:52px;color:var(--skill-color);filter:drop-shadow(0 0 12px var(--skill-color));transition:all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.skill-icon-item-marquee:hover i{transform:scale(1.25) rotateZ(5deg);filter:drop-shadow(0 0 30px var(--skill-color)) drop-shadow(0 0 15px var(--skill-color));color:var(--skill-color)}.skill-icon-item-marquee i[class*="devicon"]{font-size:48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.icon-tooltip-marquee{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%) translateY(10px);background:linear-gradient(135deg, rgba(10, 10, 10, 0.98), rgba(20, 20, 20, 0.95));border:1px solid var(--skill-color);border-radius:10px;padding:10px 14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;z-index:20;box-shadow:0 8px 25px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 240, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.skill-icon-item-marquee:hover .icon-tooltip-marquee{opacity:1;visibility:visible;bottom:-55px;transform:translateX(-50%) translateY(0)}.icon-tooltip-marquee::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--skill-color)}.icon-tooltip-marquee .tooltip-name{display:block;font-size:12px;font-weight:600;color:var(--text-light);margin-bottom:2px}.icon-tooltip-marquee .tooltip-level{display:block;font-size:11px;color:var(--skill-color);font-weight:700}.skills-marquee-container:hover .skills-marquee-tracks-wrapper{animation-play-state:paused}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(20px) scale(0.9)}100%{opacity:1;transform:translateX(0) scale(1)}}.skill-icon-item-marquee{animation:fadeInSlide 0.6s ease-out backwards}.skills-marquee-track .skill-icon-item-marquee:nth-child(1){animation-delay:0.05s}.skills-marquee-track .skill-icon-item-marquee:nth-child(2){animation-delay:0.1s}.skills-marquee-track .skill-icon-item-marquee:nth-child(3){animation-delay:0.15s}.skills-marquee-track .skill-icon-item-marquee:nth-child(4){animation-delay:0.2s}.skills-marquee-track .skill-icon-item-marquee:nth-child(5){animation-delay:0.25s}.skills-marquee-track .skill-icon-item-marquee:nth-child(6){animation-delay:0.3s}.skills-marquee-track .skill-icon-item-marquee:nth-child(7){animation-delay:0.35s}.skills-marquee-track .skill-icon-item-marquee:nth-child(8){animation-delay:0.4s}.skills-marquee-track .skill-icon-item-marquee:nth-child(9){animation-delay:0.45s}.skills-marquee-track .skill-icon-item-marquee:nth-child(10){animation-delay:0.5s}@media (min-width:768px) and (max-width:1199px){.skills-section{padding-top:110px;padding-bottom:70px}.skills-grid{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:18px}.skill-card{padding:20px 15px;min-height:170px}.skill-icon{width:65px;height:65px}.skill-icon i{font-size:34px}.skill-icon i[class*="devicon"]{font-size:34px;width:34px;height:34px}.skill-name{font-size:14px}.view-toggle-btn{padding:10px 16px;font-size:13px}.skills-table{min-width:700px}.table-category-header{padding:15px;font-size:16px}.skills-icons-view{padding:30px 0}.skills-icons-grid{grid-template-columns:repeat(auto-fill, minmax(90px, 1fr));gap:20px;padding:0 15px;max-width:100%}.skill-icon-item{width:90px;height:90px}.skill-icon-item:hover{transform:translateY(-6px) scale(1.08) rotateY(3deg)}.skill-icon-item i{font-size:42px}.icon-tooltip{bottom:-48px;padding:7px 11px}.skill-icon-item:hover .icon-tooltip{bottom:-43px}.tooltip-name{font-size:11px}.tooltip-level{font-size:10px}}.hero-social-links{display:flex;gap:20px;margin-top:20px;align-items:center}