:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--text-color:#f3f4f6;--light-bg:#111827;--dark-bg:#111827;--card-bg:#1f2937;--nav-bg-dark:#1118271a;--glass-border-dark:#ffffff0d;--neo-blue:#00f9ff;--neo-purple:#9d00ff;--neo-pink:#ff00e5;--neo-teal:#00ffd1;--neo-yellow:#ffde12;--neo-gradient:linear-gradient(135deg,var(--neo-blue),var(--neo-purple));--neo-gradient-alt:linear-gradient(135deg,var(--neo-teal),var(--neo-blue));--neo-shadow:0 0 20px #00f9ff99;--neo-glow:0 0 25px #00f9ffcc}.navbar.neo-futuristic{align-items:center;animation:navAppear .8s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172a99;background:#0a0f1eb3;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 10px 30px #0003,inset 0 0 0 1px #ffffff0d,0 0 15px #00f9ff26;box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px #ffffff0d,0 0 20px #00f9ff33;display:flex;justify-content:space-between;left:50%;max-width:1200px;overflow:hidden;padding:.75rem 1.5rem;position:fixed;top:1.5rem;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:90%;will-change:transform,backdrop-filter;z-index:9999}@keyframes navAppear{0%{opacity:0;transform:translateY(-10px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}.navbar.neo-futuristic .nav-container{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.navbar.neo-futuristic .nav-container:before{background:linear-gradient(90deg,#0000,#00f9ff,#0000);background:linear-gradient(90deg,#0000,var(--neo-blue),#0000);content:"";filter:blur(1px);height:1px;left:10%;opacity:.5;position:absolute;top:-10px;width:80%}.navbar.neo-futuristic .nav-container:after{background:linear-gradient(90deg,#0000,#9d00ff,#0000);background:linear-gradient(90deg,#0000,var(--neo-purple),#0000);bottom:-10px;content:"";filter:blur(1px);height:1px;left:10%;opacity:.5;position:absolute;width:80%}.navbar.neo-futuristic.scrolled{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-color:#ffffff0d;box-shadow:0 10px 30px #0000004d,0 0 20px #00f9ff40;padding:.6rem 1.5rem;top:1rem}.navbar.neo-futuristic.scrolled .nav-decorative-elements .circuit-lines{opacity:.7}.navbar.neo-futuristic.scrolled .nav-decorative-elements .glow-orb{transform:scale(.8)}.navbar.neo-futuristic:before{background:linear-gradient(45deg,#0000,#0000,#00f9ff,#0000,#0000);background:linear-gradient(45deg,#0000,#0000,var(--neo-blue),#0000,#0000);border-radius:22px;bottom:-2px;content:"";filter:blur(5px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .5s ease;z-index:-1}.navbar.neo-futuristic:hover:before{animation:borderGlow 3s linear infinite;opacity:.5}@keyframes borderGlow{0%{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}to{background-position:0 50%;filter:hue-rotate(1turn)}}.nav-decorative-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.nav-decorative-elements .circuit-lines{height:150px;opacity:.15;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:150px}.nav-decorative-elements .circuit-lines.left{background:radial-gradient(circle at center,#0000 70%,#00f9ff 71%,#0000 72%),linear-gradient(90deg,#0000 49%,#00f9ff 50%,#0000 51%),linear-gradient(180deg,#0000 49%,#00f9ff 50%,#0000 51%),linear-gradient(45deg,#0000 49%,#00f9ff 50%,#0000 51%),linear-gradient(135deg,#0000 49%,#00f9ff 50%,#0000 51%);background:radial-gradient(circle at center,#0000 70%,var(--neo-blue) 71%,#0000 72%),linear-gradient(90deg,#0000 49%,var(--neo-blue) 50%,#0000 51%),linear-gradient(180deg,#0000 49%,var(--neo-blue) 50%,#0000 51%),linear-gradient(45deg,#0000 49%,var(--neo-blue) 50%,#0000 51%),linear-gradient(135deg,#0000 49%,var(--neo-blue) 50%,#0000 51%);background-size:100% 100%,10px 10px,10px 10px,14px 14px,14px 14px;left:-75px;top:-75px;transform:rotate(45deg)}.nav-decorative-elements .circuit-lines.right{background:radial-gradient(circle at center,#0000 70%,#9d00ff 71%,#0000 72%),linear-gradient(90deg,#0000 49%,#9d00ff 50%,#0000 51%),linear-gradient(180deg,#0000 49%,#9d00ff 50%,#0000 51%),linear-gradient(45deg,#0000 49%,#9d00ff 50%,#0000 51%),linear-gradient(135deg,#0000 49%,#9d00ff 50%,#0000 51%);background:radial-gradient(circle at center,#0000 70%,var(--neo-purple) 71%,#0000 72%),linear-gradient(90deg,#0000 49%,var(--neo-purple) 50%,#0000 51%),linear-gradient(180deg,#0000 49%,var(--neo-purple) 50%,#0000 51%),linear-gradient(45deg,#0000 49%,var(--neo-purple) 50%,#0000 51%),linear-gradient(135deg,#0000 49%,var(--neo-purple) 50%,#0000 51%);background-size:100% 100%,10px 10px,10px 10px,14px 14px,14px 14px;bottom:-75px;right:-75px;transform:rotate(-135deg)}.nav-decorative-elements .glow-orb{animation:orbPulse 4s infinite alternate;background:radial-gradient(circle at center,#00f9ff 0,#0000 70%);background:radial-gradient(circle at center,var(--neo-blue) 0,#0000 70%);border-radius:50%;filter:blur(20px);height:100px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100px}@keyframes orbPulse{0%{opacity:.05;transform:translate(-50%,-50%) scale(.8)}to{opacity:.15;transform:translate(-50%,-50%) scale(1.2)}}.nav-links-container{align-items:center;display:flex;gap:2rem}.nav-links-container .nav-links li{animation:navLinkAppear .5s forwards;animation-delay:0s;animation-delay:calc(.1s*var(--item-index, 0));opacity:0;transform:translateY(10px)}.nav-links-container .nav-links li:first-child{--item-index:1}.nav-links-container .nav-links li:nth-child(2){--item-index:2}.nav-links-container .nav-links li:nth-child(3){--item-index:3}.nav-links-container .nav-links li:nth-child(4){--item-index:4}.nav-links-container .nav-links li:nth-child(5){--item-index:5}@keyframes navLinkAppear{to{opacity:1;transform:translateY(0)}}.nav-links{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links li{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-links li.active .nav-link-content .nav-text{color:#00f9ff;color:var(--neo-blue);text-shadow:0 0 5px #00f9ff,0 0 10px #00f9ff80;text-shadow:0 0 5px var(--neo-blue),0 0 10px #00f9ff80}.nav-links li.active .nav-link-content .nav-hover-effect{box-shadow:0 0 20px #00f9ff99;box-shadow:var(--neo-shadow);opacity:.8;width:100%}.nav-link{color:#f3f4f6;color:var(--text-color);font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:1.5px;padding:.5rem .75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link,.nav-link .nav-link-content{align-items:center;display:flex;position:relative}.nav-link .nav-link-content{flex-direction:column;gap:.35rem}.nav-link .nav-link-content .nav-text{font-weight:600;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1}.nav-link .nav-link-content .nav-hover-effect{background:linear-gradient(135deg,#00f9ff,#9d00ff);background:var(--neo-gradient);border-radius:2px;bottom:-5px;height:2px;left:0;opacity:0;position:absolute;transition:all .7s cubic-bezier(.4,0,.2,1);width:0}.nav-link .nav-link-content .nav-glow{animation:navGlowPulse 2s infinite alternate;background:radial-gradient(circle at center,#00f9ff 0,#0000 70%);background:radial-gradient(circle at center,var(--neo-blue) 0,#0000 70%);filter:blur(10px);height:100%;opacity:.2;position:absolute;width:100%;z-index:-1}@keyframes navGlowPulse{0%{opacity:.1;transform:scale(.8)}to{opacity:.3;transform:scale(1.2)}}.nav-link:hover .nav-link-content .nav-text{animation:textFlicker 4s infinite;color:#00f9ff;color:var(--neo-blue);text-shadow:0 0 5px #00f9ff80;transform:translateY(-1px)}@keyframes textFlicker{0%,to{opacity:1}98%{opacity:1}98.5%{opacity:.8}99%{opacity:1}99.5%{opacity:.7}}.nav-link:hover .nav-link-content .nav-hover-effect{box-shadow:0 0 8px #00f9ff;box-shadow:0 0 8px var(--neo-blue);opacity:.6;width:100%}.logo{text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logo,.logo .logo-container{align-items:center;display:flex;position:relative}.logo .logo-container{gap:10px;padding:.25rem 0}.logo .logo-container .logo-image{animation:logoGlowPulse 3s infinite alternate;filter:brightness(1.2) drop-shadow(0 0 5px #00f9ff);filter:brightness(1.2) drop-shadow(0 0 5px var(--neo-blue));height:40px;transition:all .3s ease;width:auto}@keyframes logoGlowPulse{0%{filter:brightness(1.2) drop-shadow(0 0 5px #00f9ff);filter:brightness(1.2) drop-shadow(0 0 5px var(--neo-blue))}to{filter:brightness(1.3) drop-shadow(0 0 8px #00f9ff);filter:brightness(1.3) drop-shadow(0 0 8px var(--neo-blue))}}.logo .logo-container .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00f9ff,#9d00ff);background:var(--neo-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;letter-spacing:2px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.logo .logo-container .logo-text:after{background:linear-gradient(135deg,#00f9ff,#9d00ff);background:var(--neo-gradient);border-radius:2px;bottom:-5px;box-shadow:0 0 5px #00f9ff;box-shadow:0 0 5px var(--neo-blue);content:"";height:2px;left:0;opacity:.8;position:absolute;transition:width .3s ease;width:0}.logo:hover .logo-container .logo-text{animation:logoGlitch 3s infinite;text-shadow:0 0 5px #00f9ff80}.logo:hover .logo-container .logo-text:after{animation:lineGlow 1.5s infinite alternate;width:100%}@keyframes lineGlow{0%{box-shadow:0 0 5px #00f9ff;box-shadow:0 0 5px var(--neo-blue);height:2px}to{box-shadow:0 0 8px #00f9ff,0 0 12px #00f9ff80;box-shadow:0 0 8px var(--neo-blue),0 0 12px #00f9ff80;height:3px}}@keyframes logoGlitch{0%,to{filter:none}98%{filter:none}98.5%{filter:drop-shadow(0 0 2px #00f9ff) drop-shadow(-3px 0 #ff00e5);filter:drop-shadow(0 0 2px var(--neo-blue)) drop-shadow(-3px 0 var(--neo-pink))}99%{filter:none}99.5%{filter:drop-shadow(0 0 2px #00f9ff) drop-shadow(3px 0 #ff00e5);filter:drop-shadow(0 0 2px var(--neo-blue)) drop-shadow(3px 0 var(--neo-pink))}}.burger{background:none;border:none;cursor:pointer;display:none;padding:.5rem;position:relative;z-index:100}@media(max-width:768px){.burger{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:30px}}.burger .line{background:#f3f4f6;background:var(--text-color);height:2px;position:relative}.burger .line,.burger .line:before{border-radius:5px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.burger .line:before{background:linear-gradient(135deg,#00f9ff,#9d00ff);background:var(--neo-gradient);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0}.burger.active .line:first-child{transform:translateY(9px) rotate(45deg)}.burger.active .line:nth-child(2){opacity:0}.burger.active .line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.burger:hover .line:before{opacity:1}@media(max-width:768px){.hamburger,.mobile-menu-overlay{display:none}.navbar.neo-futuristic{padding:.5rem 1rem}.navbar.neo-futuristic .nav-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.navbar.neo-futuristic .logo{flex:0 0 auto}.navbar.neo-futuristic .nav-menu{flex:1 0 100%;margin-top:.5rem;order:3}.navbar.neo-futuristic .nav-menu .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.navbar.neo-futuristic .nav-menu .nav-item{margin:0}.navbar.neo-futuristic .nav-menu .nav-link{font-size:.8rem;padding:.4rem .6rem}.navbar.neo-futuristic .nav-menu .nav-link .nav-link-content .nav-text{font-size:.8rem}}@media(max-width:480px){.navbar.neo-futuristic .nav-menu .nav-links{gap:.25rem}.navbar.neo-futuristic .nav-menu .nav-link{font-size:.7rem;padding:.3rem .5rem}.navbar.neo-futuristic .nav-menu .nav-link .nav-link-content .nav-text{font-size:.7rem}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #00f9ff,0 0 10px #00f9ff4d;box-shadow:0 0 5px var(--neo-blue),0 0 10px #00f9ff4d}50%{box-shadow:0 0 8px #00f9ff,0 0 15px #00f9ff80;box-shadow:0 0 8px var(--neo-blue),0 0 15px #00f9ff80}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}body.welcome-animating{-ms-overflow-style:none;overflow:hidden;scrollbar-width:none}body.welcome-animating::-webkit-scrollbar{display:none}.welcome-overlay{-ms-overflow-style:none;align-items:center;background-color:#0f172a;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;scrollbar-width:none;top:0;transition:all .5s ease;width:100%;z-index:9999}.welcome-overlay.exit-animation{opacity:0;transform:scale(1.15)}.welcome-overlay.full-screen{animation:expand .5s ease forwards}.welcome-overlay.full-screen .welcome-content{animation:content-zoom .5s ease forwards}.welcome-overlay.full-screen .particle{animation-duration:10s}.welcome-overlay.full-screen .welcome-heading{transform:scale(1.1);transition:transform .5s ease}.welcome-overlay.full-screen .floating-elements .floating-element{animation-duration:15s}.welcome-overlay::-webkit-scrollbar{display:none}.video-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.video-background .background-video{filter:brightness(.6) contrast(1.2);height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:auto}@media(max-width:576px){.video-background .background-video{filter:brightness(.5) contrast(1.1)}}.video-background .video-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#0f172ad9,#0f172ab3)}.scanlines,.video-background .video-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.scanlines{opacity:0;overflow:hidden;pointer-events:none;transition:opacity 1s ease;z-index:15}.scanlines.active{opacity:.08}.scanlines:before{animation:scanline 8s linear infinite;background:repeating-linear-gradient(180deg,#0000 0,#ffffff0d .5%,#0000 1%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}.holographic-grid{pointer-events:none;z-index:1}.grid-horizontal,.grid-vertical,.holographic-grid{height:100%;left:0;position:absolute;top:0;width:100%}.grid-horizontal,.grid-vertical{background-size:80px 80px;opacity:.05}.grid-horizontal{background-image:linear-gradient(0deg,#0000 24%,#4f46e5b3 25%,#4f46e5b3 26%,#0000 27%,#0000 74%,#4f46e5b3 75%,#4f46e5b3 76%,#0000 77%,#0000)}.grid-vertical{background-image:linear-gradient(90deg,#0000 24%,#4f46e5b3 25%,#4f46e5b3 26%,#0000 27%,#0000 74%,#4f46e5b3 75%,#4f46e5b3 76%,#0000 77%,#0000)}.welcome-particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.particle{border-radius:50%;filter:blur(60px);opacity:.3;position:absolute}.particle-1{animation:float 15s ease-in-out infinite;background:radial-gradient(circle,#4f46e5 0,#0000 70%);height:300px;left:15%;top:20%;width:300px}.particle-2{animation:float 20s ease-in-out infinite reverse;background:radial-gradient(circle,#f97316 0,#0000 70%);bottom:15%;height:350px;right:20%;width:350px}.particle-3{animation:float 18s ease-in-out infinite;background:radial-gradient(circle,#16a34a 0,#0000 70%);height:250px;left:25%;top:60%;width:250px}.particle-4{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#60a5fa 0,#0000 70%);height:280px;right:25%;top:30%;width:280px}.particle-5{animation:float 30s ease-in-out infinite;background:radial-gradient(circle,#f59e0b 0,#0000 70%);bottom:40%;height:220px;left:40%;width:220px}.particle-6{animation:float 22s ease-in-out infinite reverse;background:radial-gradient(circle,#10b981 0,#0000 70%);height:200px;right:40%;top:50%;width:200px}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(-30px,30px)}50%{transform:translate(20px,-20px)}75%{transform:translate(30px,30px)}}.ui-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@media(max-width:576px){.ui-elements{display:none}}.ui-corner{border:2px solid #4f46e54d;height:40px;position:absolute;width:40px}@media(max-width:768px){.ui-corner{height:30px;width:30px}}.top-left{border-width:2px 0 0 2px;left:40px;top:40px}.top-right{border-width:2px 2px 0 0;right:40px;top:40px}.bottom-left{border-width:0 0 2px 2px;bottom:40px;left:40px}.bottom-right{border-width:0 2px 2px 0;bottom:40px;right:40px}.ui-line{background:linear-gradient(90deg,#0000,#4f46e5,#0000);opacity:.2;position:absolute}.horizontal-top{height:1px;left:70px;right:70px;top:40px}.horizontal-bottom{bottom:40px;height:1px;left:70px;right:70px}.vertical-left{left:40px}.vertical-left,.vertical-right{background:linear-gradient(0deg,#0000,#4f46e5,#0000);bottom:70px;top:70px;width:1px}.vertical-right{right:40px}.welcome-content{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #4f46e533;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:590px;padding:2rem;position:relative;text-align:center;transition:all .5s ease;width:90%;z-index:10}.welcome-content.expanded{gap:2rem;transform:scale(1.05)}@media(max-width:768px){.welcome-content{gap:1.2rem;max-width:90%;padding:1.5rem}}@media(max-width:576px){.welcome-content{gap:1rem;max-width:95%;padding:1.2rem}}.welcome-logo{margin-bottom:1rem;position:relative}@media(max-width:576px){.welcome-logo{margin-bottom:.5rem}}.logo-circle{align-items:center;animation:float 4s ease-in-out infinite;background:linear-gradient(135deg,#4f46e5,#16a34a);border-radius:24px;box-shadow:0 8px 20px #4f46e566;display:flex;height:90px;justify-content:center;position:relative;width:90px}@media(max-width:768px){.logo-circle{border-radius:18px;height:70px;width:70px}}@media(max-width:576px){.logo-circle{border-radius:16px;height:60px;width:60px}}.logo-circle .hologram-effect{animation:hologram-rotate 15s linear infinite;background:#0000;border:1px solid #4f46e54d;border-radius:24px;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px}.logo-circle .hologram-effect:after,.logo-circle .hologram-effect:before{border:1px dashed #4f46e533;border-radius:24px;content:"";height:110%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:110%}.logo-circle:before{animation:ripple 2s infinite;border:1px solid #ffffff1a;border-radius:24px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}.logo-circle span{color:#fff;font-size:3rem;font-weight:700;text-shadow:0 0 10px #4f46e5cc}@media(max-width:768px){.logo-circle span{font-size:2.5rem}}@media(max-width:576px){.logo-circle span{font-size:2rem}}@keyframes hologram-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.welcome-heading{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.welcome-heading.visible{opacity:1;transform:translateY(0)}.welcome-subtitle{background-color:#4f46e51a;border-radius:30px;color:#ffffffe6;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:2px;margin-bottom:1rem;padding:.5rem 1.5rem;position:relative;text-transform:uppercase}@media(max-width:768px){.welcome-subtitle{font-size:.9rem;margin-bottom:.8rem;padding:.4rem 1.2rem}}@media(max-width:576px){.welcome-subtitle{font-size:.8rem;letter-spacing:1px;margin-bottom:.6rem;padding:.3rem 1rem}}.website-link{background-color:#4f46e51a;border-radius:30px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:2px;margin-bottom:1rem;padding:.5rem 1.5rem;position:relative;text-decoration:none;text-shadow:0 0 10px #4f46e5cc;text-transform:uppercase;top:100px}@media(max-width:768px){.website-link{font-size:.9rem;margin-bottom:.8rem;padding:.4rem 1.2rem}}@media(max-width:576px){.website-link{font-size:.8rem;letter-spacing:1px;margin-bottom:.6rem;padding:.3rem 1rem}}.glitch-text{color:#fff;font-weight:600;letter-spacing:3px;position:relative;text-shadow:0 0 10px #4f46e5b3,0 0 20px #4f46e566}.glitch-text:after,.glitch-text:before{content:attr(data-text);height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.glitch-text:before{clip:rect(44px,450px,56px,0);animation:glitch-effect 3s infinite alternate-reverse;color:#f97316;left:2px}.glitch-text:after{clip:rect(44px,450px,46px,0);animation:glitch-effect 2s infinite alternate-reverse;color:#4f46e5;left:-2px}@keyframes glitch-effect{0%{clip:rect(42px,450px,54px,0)}5%{clip:rect(12px,450px,76px,0)}10%{clip:rect(48px,450px,92px,0)}15%{clip:rect(42px,450px,78px,0)}20%{clip:rect(63px,450px,78px,0)}25%{clip:rect(34px,450px,42px,0)}30%{clip:rect(15px,450px,13px,0)}35%{clip:rect(80px,450px,86px,0)}40%{clip:rect(43px,450px,73px,0)}45%{clip:rect(37px,450px,98px,0)}50%{clip:rect(53px,450px,44px,0)}55%{clip:rect(67px,450px,62px,0)}60%{clip:rect(89px,450px,75px,0)}65%{clip:rect(84px,450px,39px,0)}70%{clip:rect(23px,450px,86px,0)}75%{clip:rect(42px,450px,81px,0)}80%{clip:rect(37px,450px,73px,0)}85%{clip:rect(74px,450px,94px,0)}90%{clip:rect(92px,450px,67px,0)}95%{clip:rect(39px,450px,46px,0)}to{clip:rect(16px,450px,21px,0)}}.welcome-title{color:#fff;font-size:4rem;font-weight:800;left:40px;line-height:1.1;margin:0;position:relative}@media(max-width:768px){.welcome-title{font-size:3rem}}@media(max-width:576px){.welcome-title{font-size:2.2rem}}.welcome-title .accent-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#16a34a 50%,#f97316);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;position:relative;text-shadow:0 0 20px #4f46e580}.welcome-title .accent-name[src="Signature_Zahid.gif"]{align-items:center;bottom:20px;display:inline-block;height:220px;justify-content:center;margin:0 8px;position:relative;right:20px;vertical-align:middle}@media(max-width:768px){.welcome-title .accent-name[src="Signature_Zahid.gif"]{bottom:10px;height:170px;right:10px}}@media(max-width:576px){.welcome-title .accent-name[src="Signature_Zahid.gif"]{bottom:20px;height:170px;right:20px}}@media(max-width:375px){.welcome-title .accent-name[src="Signature_Zahid.gif"]{bottom:20px;height:140px}}.welcome-title .exclamation{animation:bounce 2s infinite;color:#f97316;display:inline-block;text-shadow:0 0 10px #f97316}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.welcome-tagline{height:35px;margin:.5rem 0 1.5rem;overflow:hidden;position:relative}@media(max-width:576px){.welcome-tagline{height:30px;margin:.3rem 0 1rem}}.tagline-text{align-items:center;color:#ffffffe6;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:100%}@media(max-width:768px){.tagline-text{font-size:1.3rem}}@media(max-width:576px){.tagline-text{font-size:1.1rem;gap:.5rem}}.tagline-text i{color:#4f46e5;font-size:1.3rem;text-shadow:0 0 10px #4f46e5b3,0 0 20px #4f46e566}@media(max-width:576px){.tagline-text i{font-size:1.1rem}}.tagline-text.active{opacity:1;transform:translateY(0)}.loading-container{margin-top:1.5rem;max-width:400px;width:100%}@media(max-width:576px){.loading-container{margin-top:1rem;max-width:90%}}.loading-bar{background:#ffffff1a;border-radius:6px;box-shadow:0 0 10px #4f46e533;height:6px;margin-bottom:1rem;overflow:hidden;width:100%}.loading-progress{animation:gradient-move 3s linear infinite;background:linear-gradient(90deg,#4f46e5,#16a34a,#f97316);background-size:200% 100%;border-radius:6px;height:100%;position:relative;transition:width .3s ease}.loading-progress:after{animation:shine 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff80);content:"";filter:blur(3px);height:100%;position:absolute;right:0;top:0;width:30px}@keyframes gradient-move{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.loading-text{align-items:center;color:#fffc;display:flex;font-size:.9rem;justify-content:space-between;letter-spacing:1px}.loading-percent{color:#4f46e5;font-weight:700;text-shadow:0 0 10px #4f46e5b3,0 0 20px #4f46e566}@media(max-width:576px){.loading-message{font-size:.7rem}}.social-links{display:flex;gap:1.2rem;margin-top:1rem}@media(max-width:576px){.social-links{gap:.8rem}}.social-links a.futuristic-button{align-items:center;background:#4f46e51a;border:1px solid #4f46e533;border-radius:12px;color:#fff;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:45px}@media(max-width:576px){.social-links a.futuristic-button{border-radius:10px;height:40px;width:40px}}.social-links a.futuristic-button:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,#4f46e5,#16a34a,#f97316,#4f46e5);background-size:400%;border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.social-links a.futuristic-button:hover{background:#4f46e533;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.social-links a.futuristic-button:hover:before{opacity:1}.social-links a.futuristic-button i{font-size:1.2rem;text-shadow:0 0 10px #4f46e5b3,0 0 20px #4f46e566}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.click-instruction{align-items:center;animation:pulse 2s infinite;background:#4f46e51a;border:1px solid #4f46e533;border-radius:30px;bottom:30px;color:#fffc;display:flex;font-size:1rem;gap:.75rem;letter-spacing:2px;padding:.75rem 1.5rem;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:all .3s ease}@media(max-width:576px){.click-instruction{bottom:20px;font-size:.8rem;gap:.5rem;padding:.5rem 1rem}}.click-instruction i{font-size:1rem}@media(max-width:576px){.click-instruction i{font-size:.8rem}}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}@media(max-width:576px){.floating-elements{display:none}}.floating-element{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4f46e51a;border:1px solid #4f46e533;border-radius:8px;color:#fff;font-family:SF Mono,monospace;font-weight:600;opacity:.5;padding:.5rem 1rem;pointer-events:none;position:absolute}.element-1{animation:float-rotate 20s linear infinite;font-size:1.5rem;left:10%;top:15%}.element-2{animation:float-rotate 25s linear infinite reverse;bottom:20%;font-size:1.5rem;right:15%}.element-3{animation:float-pulse 15s ease-in-out infinite;left:20%;top:70%}.element-3 .circle-pulse{border:2px solid #4f46e5;border-radius:50%;height:50px;position:relative;width:50px}.element-3 .circle-pulse:after,.element-3 .circle-pulse:before{border:1px solid #4f46e5;border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.element-3 .circle-pulse:before{height:70%;width:70%}.element-3 .circle-pulse:after{height:40%;width:40%}.element-4{animation:float-opacity 18s ease-in-out infinite;font-size:1.3rem;right:25%;top:25%}@keyframes float-rotate{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,20px) rotate(90deg)}50%{transform:translateY(40px) rotate(180deg)}75%{transform:translate(-20px,20px) rotate(270deg)}to{transform:translate(0) rotate(1turn)}}@keyframes float-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes float-opacity{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.3;transform:translateY(20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes expand{0%{background-color:#0f172a}to{background-color:#0f172af2}}@keyframes content-zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}@media(max-width:768px){.welcome-title{font-size:3.5rem}.tagline-text{font-size:1.2rem}.welcome-content{gap:1.8rem;padding:2rem .5rem}.logo-circle{border-radius:20px;height:75px;width:75px}.logo-circle span{font-size:2.5rem}.ui-corner{height:25px;width:25px}.bottom-left,.bottom-right,.top-left,.top-right{border-width:1px}}@media(max-width:480px){.welcome-title{font-size:2.8rem}.welcome-subtitle{font-size:.9rem}.tagline-text{font-size:1.1rem}.logo-circle{border-radius:16px;height:65px;width:65px}.logo-circle span{font-size:2rem}.ui-corner{height:20px;width:20px}.floating-element{display:none}}.particles-container{background-color:#0000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.particles-container canvas{opacity:.7}@media(max-width:768px){.particles-container canvas{opacity:.8}}.particles-container:after{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media(max-width:768px){.particles-container{pointer-events:none}.particles-container:before{background:radial-gradient(circle at center,#6366f10d 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fade-in{animation:fadeIn .5s ease-out forwards}@media(max-width:768px){.fade-in{animation:fadeInMobile .3s ease-out forwards}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInMobile{0%{opacity:0}to{opacity:1}}.hero-text[data-visible=true]>*{animation:slideUp .5s ease-out forwards;opacity:0}@media(max-width:768px){.hero-text[data-visible=true]>*{animation:slideUpMobile .3s ease-out forwards}}.hero-text[data-visible=true]>:first-child{animation-delay:.1s}.hero-text[data-visible=true]>:nth-child(2){animation-delay:.2s}.hero-text[data-visible=true]>:nth-child(3){animation-delay:.3s}.hero-text[data-visible=true]>:nth-child(4){animation-delay:.4s}.hero-text[data-visible=true]>:nth-child(5){animation-delay:.5s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animated-shape{will-change:transform}.particles-container{will-change:opacity}@media(max-width:768px){html{scroll-behavior:auto}}img{content-visibility:auto}.animated-hero-container,.hero-background,.scroll-progress{transform:translateZ(0)}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#ec4899;--neon-color:#4f46e5;--neon-glow:#818cf8;--text-color:#1f2937;--light-bg:#f8fafc;--dark-bg:#0f172a;--card-bg:#fff;--nav-bg-light:#ffffff1a;--nav-bg-dark:#11182733;--glass-border-light:#fff6;--glass-border-dark:#ffffff1a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);--gradient-text:linear-gradient(90deg,#6366f1,#ec4899);--box-shadow:0 10px 30px #6366f11a;--futuristic-shadow:0 10px 30px #0000001a,0 1px 3px #0000000d,0 0 20px #4f46e526;--border-radius:12px;--glow-effect:0 0 10px var(--neon-color),0 0 20px #4f46e54d}.dark-mode,[data-theme=dark]{--text-color:#f8fafc;--light-bg:#0f172a;--card-bg:#1e293b;--dark-bg:#020617;--neon-color:#818cf8;--neon-glow:#4f46e5;--nav-bg-dark:#0f172af2;--futuristic-shadow:0 10px 30px #0000004d,0 0 20px #818cf826;--box-shadow:0 10px 30px #6366f133;--glow-effect:0 0 10px var(--neon-color),0 0 20px #818cf84d}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,border-color .3s ease}body{-ms-overflow-style:none;background-color:#f8fafc;background-color:var(--light-bg);color:#1f2937;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden;position:relative;scrollbar-width:none}body::-webkit-scrollbar{display:none}html{position:relative;scroll-behavior:smooth}#main-content{opacity:0;transition:opacity .5s ease,visibility .5s ease;visibility:hidden}#main-content.visible{opacity:1;visibility:visible}body.welcome-animating #main-content{opacity:0;visibility:hidden}body.welcome-complete #main-content{opacity:1;visibility:visible}.cursor{height:20px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:20px;will-change:transform;z-index:99999}.cursor:before{background:#0000;border:2px solid #0ffc;box-shadow:0 0 10px #0ff9;-webkit-clip-path:polygon(0 25%,25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%);clip-path:polygon(0 25%,25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%);height:16px;transform:translate(-50%,-50%) rotate(45deg);width:16px}.cursor:after,.cursor:before{content:"";left:50%;position:absolute;top:50%;transition:all .2s ease}.cursor:after{background:aqua;box-shadow:0 0 8px aqua;height:4px;transform:translate(-50%,-50%);width:4px}.cursor:after,.cursor:before{box-shadow:0 0 8px #0ffc,inset 0 0 4px #00ffff80}.cursor.hover:before{animation:rotate 2s linear infinite;background:#00ffff1a;border-color:aqua;height:28px;width:28px}.cursor.hover:after{background:aqua;height:6px;width:6px}.cursor.click:before{background:#0ff3;border-width:3px;transform:translate(-50%,-50%) rotate(45deg) scale(.8)}.cursor.click:after{transform:translate(-50%,-50%) scale(.6)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}*,body,html{cursor:none!important}.scroll-progress{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);background:var(--gradient-primary);box-shadow:0 0 10px #4f46e5;box-shadow:0 0 10px var(--neon-color);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;width:0;z-index:10000}#particles-js{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}#particles-js canvas{display:block}section{overflow:hidden;padding:5rem 0;position:relative}@media(max-width:768px){section{padding:3rem 0}}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;position:relative}.section-header{margin-bottom:3rem;position:relative;text-align:center}@media(max-width:768px){.section-header.mobile-visible{opacity:1!important;visibility:visible!important}.section-header.mobile-visible *,.section-header.mobile-visible .section-description,.section-header.mobile-visible .section-tag,.section-header.mobile-visible .section-title{animation:none!important;opacity:1!important;transform:none!important}}.section-title{color:#1f2937;color:var(--text-color);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.section-title:before{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);background:var(--gradient-primary);border-radius:4px;bottom:-5px;box-shadow:0 0 10px #4f46e5,0 0 20px #4f46e54d;box-shadow:var(--glow-effect);content:"";height:8px;left:0;position:absolute;width:30%}@media(max-width:768px){.section-title{display:block;font-size:2rem;text-align:center;width:100%}.section-title:before{left:25%;width:50%}}@media(max-width:480px){.section-title{font-size:1.8rem}}.section-divider{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);background:var(--gradient-primary);border-radius:2px;box-shadow:0 0 10px #4f46e5,0 0 20px #4f46e54d;box-shadow:var(--glow-effect);height:4px;margin:0 auto 1rem;width:80px}.section-subtitle{color:#1f2937;color:var(--text-color);font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.7}.message-box{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:9999}.message-box.active{opacity:1;visibility:visible}.message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--card-bg);border:1px solid #fff6;border:1px solid var(--glass-border-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a,0 1px 3px #0000000d,0 0 20px #4f46e526;box-shadow:var(--futuristic-shadow);max-width:90%;padding:2rem;text-align:center;transform:translateY(20px);transition:transform .3s ease;width:400px}.dark-mode .message-content{border-color:#ffffff1a;border-color:var(--glass-border-dark)}.message-box.active .message-content{transform:translateY(0)}.message-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.message-icon.success{background-color:#16a34a1a;box-shadow:0 0 20px #16a34a33;color:#16a34a}.message-icon.error{background-color:#dc26261a;box-shadow:0 0 20px #dc262633;color:#dc2626}.message-content h3{font-size:1.5rem}::-webkit-scrollbar{display:none;height:0;width:0}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{display:none}.dark-mode ::-webkit-scrollbar-track,::-webkit-scrollbar-thumb:hover{display:none}@media(max-width:768px){.container{padding:0 1rem}.section-title{font-size:2rem}.section-header,.section-header *,.section-title{opacity:1!important;transform:none!important}.fade-in-element{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.fade-in-element.visible{opacity:1;transform:translateY(0)}.navbar.neo-futuristic{padding:.6rem 1rem;width:95%}.navbar.neo-futuristic .nav-menu{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172af2;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:.5s ease;width:80%;z-index:999}.navbar.neo-futuristic .nav-menu.active{right:0}.navbar.neo-futuristic .nav-menu .nav-item{margin:1.5rem 0}.navbar.neo-futuristic .hamburger{display:none;z-index:1000}.hero{flex-direction:column;padding:6rem 1rem 2rem;text-align:center}.hero .hero-content{order:2;width:100%}.hero .hero-image{margin-bottom:2rem;order:1;width:100%}.hero .hero-image .image-container{margin:0 auto;max-width:280px}.hero h1{font-size:2.5rem}.hero .typing-text{font-size:1.5rem;justify-content:left}.hero .cta-buttons,.hero .social-links-hero{justify-content:center}.about .about-content{flex-direction:column}.about .about-text{order:2;width:100%}.about .about-image{margin-bottom:2rem;order:1;width:100%}.about .about-image img{margin:0 auto;max-width:280px}.projects .project-grid{grid-template-columns:1fr}.skills .skills-grid{grid-template-columns:repeat(2,1fr)}.reviews .review-slider .review-card{width:100%}.contact .contact-content{flex-direction:column}.contact .contact-form,.contact .contact-info{width:100%}.contact .contact-info{margin-top:2rem}.footer .footer-content{flex-direction:column;text-align:center}.footer .footer-links,.footer .footer-social{margin-top:1.5rem}}@media(max-width:480px){.section-title{font-size:1.8rem}.hero h1{font-size:2.2rem}.hero .typing-text{font-size:1.3rem}.hero .cta-buttons{flex-direction:column;width:100%}.hero .cta-buttons .btn{justify-content:center;margin-bottom:.75rem;width:100%}.skills .skills-grid{grid-template-columns:1fr}}.floating-back-to-top{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-border-dark);border:2px solid #6366f1;border:2px solid var(--primary-color);border-radius:50%;bottom:30px;box-shadow:0 0 10px #4f46e5,0 0 20px #4f46e54d;box-shadow:var(--glow-effect);color:#6366f1;color:var(--primary-color);cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(100px);transition:all .3s ease;width:50px;z-index:1000}.floating-back-to-top.visible{opacity:1;transform:translateY(0)}.floating-back-to-top:hover{background:#6366f1;background:var(--primary-color);color:#fff;transform:translateY(-5px)}.floating-back-to-top i{transition:all .3s ease}.floating-back-to-top:hover i{transform:translateY(-3px)}.section-loading{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.image-placeholder{animation:shine 1.5s linear infinite;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shine{to{background-position-x:-200%}}.lottie-placeholder{align-items:center;background-color:#0f172a80;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.placeholder-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#6366f1;height:30px;width:30px}.video-modal .video-container video{max-height:80vh;max-width:90vw}.project-image{overflow:hidden;position:relative}.project-image.loaded img{opacity:1}.project-image img{opacity:0;transition:opacity .3s ease}