@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background-color:#121212;width:100%;height:100vh}.section{color:#fff;background:#020617;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex}:root{--nav-height:80px;--nav-height-mobile:70px;--nav-height-small:65px;--cyan:#00e5ff;--purple:#7f00ff;--pink:#f05;--transition-smooth:cubic-bezier(.25, .46, .45, .94);--transition-bounce:cubic-bezier(.34, 1.56, .64, 1)}.navbar{width:100%;height:var(--nav-height);box-sizing:border-box;z-index:1000;transition:background .8s var(--transition-smooth), box-shadow .6s var(--transition-smooth);background:radial-gradient(circle at 20% 20%,#080808,#000);border:2px solid #0000;justify-content:space-between;align-items:center;padding:0 50px;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 0 30px #000c,0 0 60px #00e5ff1a}.navbar:hover{background:radial-gradient(circle at 60% 60%,#0a0a0a,#000);box-shadow:0 0 40px #000000e6,0 0 80px #00e5ff26}.navbar:before{content:"";z-index:-2;will-change:transform;background:conic-gradient(#0000,#00e5ff66,#7f00ff4d,#f053,#00e5ff66,#0000 30%);width:150%;height:400%;animation:8s linear infinite magicRotate;position:absolute;top:-150%;left:-25%}.navbar:after{content:"";z-index:-1;background:#000000f2;border-radius:2px;position:absolute;inset:3px}@keyframes magicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{z-index:10;color:#0000;background:linear-gradient(90deg, var(--cyan), var(--purple), var(--cyan));background-size:300%;-webkit-background-clip:text;background-clip:text;align-items:center;height:100%;margin:0;animation:10s linear infinite shimmerText;display:flex}@keyframes shimmerText{0%{background-position:0%}to{background-position:300%}}.logo-letter{background:linear-gradient(135deg, var(--cyan), #fff, var(--purple));color:#0000;opacity:0;filter:blur(10px);text-shadow:0 0 20px #00e5ff99,0 0 40px #7f00ff66,0 0 60px #00e5ff33;transition:all .5s var(--transition-bounce);will-change:opacity, filter, transform;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:35px;font-weight:700;animation:6s infinite letterGradient;display:inline-block;transform:translateY(20px)}@keyframes letterGradient{0%,to{background-position:0%}50%{background-position:100%}}.logo-letter:hover{text-shadow:0 0 30px var(--cyan), 0 0 60px var(--purple), 0 0 90px var(--cyan), 0 0 120px #7f00ff80;filter:brightness(1.25);transform:scale(1.12)translateY(-4px)}.hamburger{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:10000;-webkit-backdrop-filter:blur(10px);width:50px;height:50px;transition:all .3s var(--transition-smooth);background:#ffffff0d;border:1px solid #00e5ff1a;border-radius:12px;outline:none;justify-content:center;align-items:center;margin:0 0 0 auto;padding:0;display:flex;position:relative;box-shadow:0 0 15px #00e5ff33,inset 0 0 10px #ffffff0d}.hamburger:hover{box-shadow:0 0 25px var(--cyan), 0 0 50px #7f00ff40, inset 0 0 15px #00e5ff1a;background:#00e5ff1a;border-color:#00e5ff4d;transform:scale(1.05)}.hamburger:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.hamburger-box{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex;position:relative}.hamburger-line{width:100%;height:3px;transition:all .4s var(--transition-bounce);transform-origin:50%;background:#ffffffe6;border-radius:3px;display:block}.hamburger.active .hamburger-line--top{background:var(--cyan);transform:translateY(7.5px)rotate(45deg)}.hamburger.active .hamburger-line--middle{opacity:0;transform:scaleX(0)}.hamburger.active .hamburger-line--bottom{background:var(--cyan);transform:translateY(-7.5px)rotate(-45deg)}.menu-overlay{z-index:9998;pointer-events:none;opacity:0;width:100%;height:100vh;transition:opacity .4s var(--transition-smooth), background .4s var(--transition-smooth);background:0 0;position:fixed;top:0;left:0}.menu-overlay.active{-webkit-backdrop-filter:blur(4px);pointer-events:auto;opacity:1;background:#0009}.mobile-menu{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:9999;visibility:hidden;width:100%;max-width:100%;height:100dvh;transition:transform .5s var(--transition-smooth), visibility .5s var(--transition-smooth);will-change:transform;background-color:#000000d9;background-image:radial-gradient(circle at 20% 80%,#00e5ff0d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#7f00ff0d 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-left:1px solid #00e5ff26;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu.active{visibility:visible;transform:translate(0)}.mobile-menu-list{flex-direction:column;align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-list li{opacity:0;transition:opacity .4s var(--transition-bounce), transform .4s var(--transition-bounce);transform:translate(30px)}.mobile-menu.active .mobile-menu-list li:first-child{opacity:1;transition-delay:.1s;transform:translate(0)}.mobile-menu.active .mobile-menu-list li:nth-child(2){opacity:1;transition-delay:.15s;transform:translate(0)}.mobile-menu.active .mobile-menu-list li:nth-child(3){opacity:1;transition-delay:.2s;transform:translate(0)}.mobile-menu.active .mobile-menu-list li:nth-child(4){opacity:1;transition-delay:.25s;transform:translate(0)}.mobile-menu-list a{color:#ffffffd9;transition:all .3s var(--transition-bounce);padding:10px 20px;font-size:24px;font-weight:500;text-decoration:none;display:block;position:relative}.mobile-menu-list a:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple));width:0%;height:2px;transition:width .4s var(--transition-bounce);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mobile-menu-list a:hover{color:var(--cyan);text-shadow:0 0 10px var(--cyan), 0 0 25px var(--cyan), 0 0 50px var(--purple);transform:scale(1.05)}.mobile-menu-list a:hover:after{width:80%}.mobile-menu-list a:active{transition:transform .1s;transform:scale(.96)}.menu-qr{opacity:0;transition:all .5s var(--transition-bounce);flex-direction:column;justify-content:center;align-items:center;margin-top:40px;display:flex;transform:translateY(20px)}.mobile-menu.active .menu-qr{opacity:1;transition-delay:.35s;transform:translateY(0)}.menu-qr p{text-align:center;background:linear-gradient(90deg, var(--cyan), var(--purple), #0fc);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:14px;animation:4s ease-in-out infinite textGlow}@keyframes textGlow{0%,to{opacity:.7}50%{opacity:1}}.qr-wrapper{transform-style:preserve-3d;perspective:1200px;transition:all .5s var(--transition-bounce);display:inline-block;position:relative}.qr-wrapper img{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:160px;transition:all .5s var(--transition-bounce);background:#ffffff0f;border:1px solid #00e5ff33;border-radius:22px;padding:14px;box-shadow:0 0 25px #00e5ff4d,0 0 50px #7f00ff33,0 20px 40px #0009}.qr-wrapper:before{content:"";background:linear-gradient(45deg, var(--cyan), var(--purple), #0fc, var(--cyan));filter:blur(25px);opacity:.6;z-index:-1;border-radius:25px;animation:8s linear infinite glowRotate;position:absolute;inset:-10px}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-wrapper:hover{transform:rotateX(10deg)rotateY(12deg)scale(1.05)}.qr-wrapper:hover img{filter:brightness(1.2)contrast(1.1);box-shadow:0 0 40px var(--cyan), 0 0 80px #7f00ff99, 0 30px 70px #000000b3;transform:translateZ(20px)}.scan-line{background:linear-gradient(90deg, transparent, var(--cyan), var(--purple), #0fc, transparent);height:4px;box-shadow:0 0 20px var(--cyan), 0 0 40px var(--purple);border-radius:3px;animation:2.5s linear infinite scanMove;position:absolute;left:14px;right:14px}@keyframes scanMove{0%{opacity:0;top:14px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:calc(100% - 18px)}}@media screen and (width>=768px) and (width<=1023px){.navbar{padding:0 30px}.logo-letter{font-size:28px}.mobile-menu{width:350px;max-width:350px}}@media screen and (width>=1024px){.mobile-menu{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000c;border-left:1px solid #00e5ff33;width:320px;max-width:320px}.menu-qr img{width:130px}}@media screen and (width<=768px){.navbar{height:var(--nav-height-mobile);padding:0 20px}.logo-letter{font-size:24px}.hamburger{width:46px;height:46px}.mobile-menu{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#000000e6;border:none;width:100%;max-width:100%}.mobile-menu-list a{font-size:22px}}@media screen and (width<=480px){.navbar{height:var(--nav-height-small);padding:0 15px}.logo-letter{font-size:20px}.hamburger{width:44px;height:44px}.hamburger-box{width:22px;height:16px}.hamburger-line{height:2.5px}.hamburger.active .hamburger-line--top{transform:translateY(6.75px)rotate(45deg)}.hamburger.active .hamburger-line--bottom{transform:translateY(-6.75px)rotate(-45deg)}.mobile-menu-list{gap:25px}.mobile-menu-list a{font-size:20px}.menu-qr img{width:120px}.menu-qr p{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.2s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mobile-menu{opacity:0;transition:opacity .2s,visibility .2s;transform:none!important}.mobile-menu.active{opacity:1}}home.css *{scroll-behavior:smooth}#home{z-index:1;background:radial-gradient(at 30% 30%,#0a0a0a 0%,#050505 50%,#000 100%);justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:0 10%;transition:padding .3s;display:flex;position:relative;overflow:hidden}.three-bg{z-index:-999;pointer-events:none;opacity:.7;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.three-bg canvas{filter:drop-shadow(0 0 8px #00e5ff4d);display:block;width:100%!important;height:100%!important}.lefthome{color:#fff;z-index:999;opacity:1;width:50%;transition:width .4s,padding .4s;position:relative}.hero-title{z-index:999;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.line1{background:linear-gradient(135deg,#fff 0%,#00e5ff 40%,#00b4d8 70%,#fff 100%) 0 0/200% 200%;color:#0000;filter:drop-shadow(0 0 10px #00e5ff80)drop-shadow(0 0 20px #00e5ff4d);text-shadow:0 0 10px #00e5ff66,0 0 20px #00e5ff33,0 0 30px #7f00ff1a;z-index:200;opacity:0;cursor:default;-webkit-background-clip:text;background-clip:text;width:100%;font-size:2.2rem;font-weight:500;line-height:1.2;transition:all .4s cubic-bezier(.25,.8,.25,1);display:block;position:relative}.line1:hover{background:linear-gradient(135deg,#00e5ff 0%,#fff 30%,#7f00ff 60%,#00e5ff 100%) 0 0/200% 200%;filter:drop-shadow(0 0 15px #00e5ffcc)drop-shadow(0 0 30px #7f00ff80)drop-shadow(0 0 45px #00e5ff4d);-webkit-background-clip:text;background-clip:text;animation:2s infinite line1GradientShift;transform:scale(1.05)translate(5px)}@keyframes line1GradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.line1:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(#00e5ff1a 0%,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.line1:hover:after{opacity:1;animation:1.5s ease-in-out infinite line1Pulse}@keyframes line1Pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}.line2{background:linear-gradient(135deg,#00e5ff 0%,#00b4d8 25%,#7f00ff 50%,#00e5ff 75%,#00b4d8 100%) 0 0/300%;color:#0000;filter:drop-shadow(0 0 20px #00e5ff99);opacity:0;-webkit-background-clip:text;background-clip:text;width:100%;font-size:4rem;font-weight:800;line-height:1.1;transition:transform .3s,filter .3s;animation:4s linear infinite nameGradient;display:block}.line2:hover{filter:drop-shadow(0 0 30px #00e5ffcc);transform:scale(1.02)}@keyframes nameGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.line3{color:#aaa;letter-spacing:1px;opacity:0;margin-top:15px;font-size:1.2rem;transition:color .3s;animation:3s ease-in-out infinite floatText}.highlight{background:linear-gradient(90deg,#00e5ff,#7f00ff);color:#0000;text-shadow:0 0 8px #00e5ffcc,0 0 20px #7f00ff99;-webkit-background-clip:text;background-clip:text}.Typewriter__cursor{color:#00e5ff;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.2}}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.wave{transform-origin:70% 70%;text-shadow:0 0 10px #fff3;will-change:transform;animation:1.8s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(15deg)}80%{transform:rotate(-5deg)}}.hand-particle{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;filter:drop-shadow(0 0 8px #00e5ff99)drop-shadow(0 0 15px #7f00ff66);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.hire-btn{letter-spacing:1px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(15px);cursor:pointer;opacity:1;z-index:10;will-change:transform, box-shadow;background:linear-gradient(135deg,#00e5ff26 0%,#7f00ff26 50%,#0072ff26 100%);border:2px solid #00e5ff66;border-radius:60px;margin-top:30px;padding:18px 45px;font-size:1.15rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.8s ease-out .8s both hireBtnEntrance;position:relative;overflow:hidden;transform:translateY(0)scale(1);box-shadow:0 0 30px #00e5ff66,0 0 60px #7f00ff40,0 0 90px #00e5ff26,inset 0 0 30px #00e5ff1a}@keyframes hireBtnEntrance{0%{opacity:0;transform:translateY(40px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.btn-text{z-index:3;text-shadow:0 0 10px #00e5ff80,0 0 20px #7f00ff4d;transition:text-shadow .3s;position:relative}.btn-icon{z-index:3;filter:drop-shadow(0 0 5px #ffc80080);margin-left:10px;font-size:1.3rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative}.btn-glow{z-index:1;background:linear-gradient(90deg,#0000,#00e5ff80,#7f00ff4d,#0000);width:100%;height:100%;transition:left .6s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:-100%}.btn-ripple{opacity:0;z-index:0;pointer-events:none;background:radial-gradient(circle,#00e5ff66 0%,#7f00ff33 50%,#0000 70%);border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hire-btn:hover{background:linear-gradient(135deg,#00e5ff40 0%,#7f00ff40 50%,#0072ff40 100%);border-color:#00e5ffb3;transform:translateY(-8px)scale(1.08);box-shadow:0 0 50px #00e5ff99,0 0 100px #7f00ff80,0 0 150px #00e5ff4d,0 20px 60px #00000080,inset 0 0 40px #00e5ff33}.hire-btn:hover .btn-text{text-shadow:0 0 15px #00e5ffcc,0 0 30px #7f00ff80}.hire-btn:hover .btn-glow{left:100%}.hire-btn:hover .btn-icon{filter:drop-shadow(0 0 15px #ffc800cc);animation:.4s infinite rocketShake;transform:translate(8px)rotate(25deg)scale(1.2)}@keyframes rocketShake{0%,to{transform:translate(8px)rotate(25deg)scale(1.2)}25%{transform:translate(10px)rotate(30deg)scale(1.25)}75%{transform:translate(6px)rotate(20deg)scale(1.15)}}.hire-btn:active{transition-duration:.1s;transform:scale(.95)translateY(-2px);box-shadow:0 0 25px #00e5ff80,0 0 50px #7f00ff4d,inset 0 0 30px #00e5ff4d}.hire-btn:active .btn-ripple{animation:.6s ease-out rippleEffect}@keyframes rippleEffect{0%{opacity:.6;width:0;height:0}to{opacity:0;width:300px;height:300px}}.popup-overlay{-webkit-backdrop-filter:blur(20px);z-index:9999;background:linear-gradient(135deg,#000000d9 0%,#0a0a1ee6 50%,#000000d9 100%);justify-content:center;align-items:center;width:100%;height:100%;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.hire-popup{-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#0f0f19f2 0%,#0a0a14fa 50%,#0f0f19f2 100%);border:1px solid #00e5ff4d;border-radius:30px;flex-direction:column;align-items:center;padding:50px 60px;animation:.4s cubic-bezier(.34,1.56,.64,1) popupEntrance;display:flex;position:relative;overflow:visible;box-shadow:0 0 50px #00e5ff66,0 0 100px #7f00ff40,0 0 150px #00e5ff1a,0 30px 80px #000000b3,inset 0 0 30px #ffffff08,inset 0 1px #ffffff1a}@keyframes popupEntrance{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hire-popup:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff14 0%,#ffffff05 50%,#0000 100%);border-radius:30px 30px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.popup-title{background:linear-gradient(135deg,#fff 0%,#00e5ff 50%,#7f00ff 100%);color:#0000;text-align:center;z-index:2;-webkit-background-clip:text;background-clip:text;margin:0 0 30px;font-size:1.5rem;font-weight:700;position:relative}.close-btn{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#7f00ffcc 0%,#00e5ffcc 100%);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:15px;right:15px;box-shadow:0 0 15px #7f00ff80,0 0 30px #00e5ff4d}.close-btn:hover{background:linear-gradient(135deg,#00e5ffe6 0%,#7f00ffe6 100%);transform:rotate(90deg)scale(1.1);box-shadow:0 0 25px #7f00ffb3,0 0 50px #00e5ff80}.options-container{z-index:2;flex-direction:row;gap:25px;display:flex;position:relative}.option{cursor:pointer;color:#fff;will-change:transform, box-shadow;background:linear-gradient(135deg,#141423e6 0%,#0f0f19f2 50%,#141423e6 100%);border:2px solid #0000;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.5s cubic-bezier(.34,1.56,.64,1) backwards optionEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00e5ff33,0 0 40px #7f00ff1a,0 10px 30px #0006,inset 0 0 15px #ffffff05}.option:first-child{animation-delay:.1s}.option:nth-child(2){animation-delay:.2s}@keyframes optionEntrance{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.option-border{z-index:-1;opacity:0;background:linear-gradient(45deg,#00e5ff,#7f00ff,#00b4d8,#00e5ff) 0 0/400% 400%;border-radius:26px;transition:opacity .4s;animation:3s linear infinite borderGlow;position:absolute;inset:-2px}@keyframes borderGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.option:hover .option-border{opacity:1}.option-shine{pointer-events:none;z-index:1;background:linear-gradient(120deg,#0000 20%,#ffffff14 40%,#ffffff26 50%,#ffffff14 60%,#0000 80%);width:250%;height:250%;transition:all .6s;position:absolute;top:-100%;left:-100%;transform:rotate(25deg)}.option:hover .option-shine{top:100%;left:100%}.option:hover{transform:translateY(-10px)scale(1.05);box-shadow:0 0 35px #00e5ff80,0 0 70px #7f00ff59,0 0 100px #00e5ff33,0 20px 50px #00000080,inset 0 0 20px #00e5ff14}.icon-wrapper{z-index:2;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:12px;display:flex;position:relative}.option-icon{filter:drop-shadow(0 0 8px);font-size:42px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.option:hover .option-icon{filter:drop-shadow(0 0 20px);transform:scale(1.15)}.gmail-icon{color:#ea4335}.option:hover .gmail-icon{color:#ff5a4a;filter:drop-shadow(0 0 25px #ea4335)}.whatsapp-icon{color:#25d366}.option:hover .whatsapp-icon{color:#2efa78;filter:drop-shadow(0 0 25px #25d366)}.option-label{opacity:.9;letter-spacing:.5px;text-shadow:0 0 10px #fff3;z-index:2;margin:0;font-size:15px;font-weight:600;transition:all .3s;position:relative}.option:hover .option-label{opacity:1;text-shadow:0 0 15px #fff6;transform:translateY(-2px)}.password-overlay{-webkit-backdrop-filter:blur(25px);z-index:10000;background:linear-gradient(135deg,#000000e6 0%,#0f0a1ef2 50%,#000000e6 100%);justify-content:center;align-items:center;width:100%;height:100%;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;left:0}.password-popup{-webkit-backdrop-filter:blur(40px);background:linear-gradient(145deg,#140f23f2 0%,#0f0a19fa 50%,#140f23f2 100%);border:1px solid #7f00ff4d;border-radius:28px;flex-direction:column;align-items:center;gap:18px;min-width:340px;padding:45px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) passwordPopupEntrance;display:flex;position:relative;overflow:visible;box-shadow:0 0 50px #7f00ff66,0 0 100px #00e5ff40,0 0 150px #7f00ff1a,0 30px 80px #000000b3,inset 0 0 30px #ffffff05,inset 0 1px #ffffff1a}@keyframes passwordPopupEntrance{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.password-highlight{z-index:-1;opacity:.6;pointer-events:none;background:linear-gradient(45deg,#7f00ff99,#00e5ff99,#7f00ff99,#00e5ff99) 0 0/400% 400%;border-radius:30px;animation:4s linear infinite passwordHighlightGlow;position:absolute;inset:-2px}@keyframes passwordHighlightGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.password-popup:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff0f 0%,#ffffff05 50%,#0000 100%);border-radius:28px 28px 0 0;height:45%;position:absolute;top:0;left:0;right:0}.password-close-btn{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#7f00ffcc 0%,#00e5ffcc 100%);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:15px;right:15px;box-shadow:0 0 15px #7f00ff80,0 0 30px #00e5ff4d}.password-close-btn:hover{background:linear-gradient(135deg,#00e5ffe6 0%,#7f00ffe6 100%);transform:rotate(90deg)scale(1.1);box-shadow:0 0 25px #7f00ffb3,0 0 50px #00e5ff80}.password-icon{z-index:2;filter:drop-shadow(0 0 15px #7f00ff80);font-size:48px;animation:3s ease-in-out infinite lockFloat;position:relative}@keyframes lockFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.password-title{color:#0000;text-align:center;background:linear-gradient(135deg,#fff 0%,#7f00ff 50%,#00e5ff 100%) 0 0/200% 200%;z-index:2;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;animation:3s infinite titleGradient;position:relative}@keyframes titleGradient{0%,to{background-position:0%}50%{background-position:100%}}.password-subtitle{color:#fff9;text-align:center;z-index:2;margin:0;font-size:.9rem;position:relative}.password-form{z-index:2;flex-direction:column;align-items:center;gap:15px;width:100%;display:flex;position:relative}.input-wrapper{width:100%;position:relative}.password-input{color:#fff;background:linear-gradient(135deg,#1e1932e6 0%,#140f23f2 100%);border:2px solid #7f00ff4d;border-radius:14px;outline:none;width:100%;padding:15px 18px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 0 15px #7f00ff26,inset 0 0 10px #0000004d}.password-input::placeholder{color:#fff6}.password-input:focus{border-color:#7f00ff99;box-shadow:0 0 25px #7f00ff59,0 0 50px #00e5ff26,inset 0 0 15px #7f00ff14}.input-highlight{background:linear-gradient(90deg,#7f00ff,#00e5ff);border-radius:2px;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.password-input:focus+.input-highlight{width:80%}.password-error{color:#ff6b6b;text-shadow:0 0 10px #ff646466;margin:0;font-size:.85rem;animation:.3s errorFadeIn}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.password-submit-btn{letter-spacing:1px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#7f00ff4d 0%,#00e5ff4d 50%,#7f00ff4d 100%);border:2px solid #7f00ff80;border-radius:50px;padding:14px 35px;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 0 20px #7f00ff59,0 0 40px #00e5ff26,inset 0 0 15px #7f00ff14}.submit-text{z-index:2;position:relative}.submit-icon{z-index:2;margin-left:8px;transition:transform .3s;display:inline-block;position:relative}.password-submit-btn:hover{background:linear-gradient(135deg,#7f00ff66 0%,#00e5ff66 50%,#7f00ff66 100%);border-color:#00e5ff99;transform:translateY(-4px)scale(1.03);box-shadow:0 0 35px #7f00ff80,0 0 70px #00e5ff4d,0 0 100px #7f00ff26,0 12px 35px #00000059}.password-submit-btn:hover .submit-icon{transform:translate(4px)}.password-submit-btn:active{transform:scale(.97);box-shadow:0 0 20px #7f00ff66,0 0 40px #00e5ff33}.righthome{justify-content:flex-end;align-items:center;width:50%;transition:width .4s;display:flex}.image-container{cursor:pointer;will-change:transform, box-shadow;border-radius:50%;justify-content:center;align-items:center;width:340px;height:340px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #00e5ff66,0 0 100px #7f00ff4d,0 0 150px #00e5ff26}.image-container:hover{transform:scale(1.02);box-shadow:0 0 80px #00e5ff80,0 0 120px #7f00ff66,0 0 180px #00e5ff33}.image-container:hover .profile-img{filter:brightness(1.2)saturate(1.1);transform:rotate(5deg)scale(1.08)}.profile-img{object-fit:cover;z-index:2;will-change:transform, opacity, filter;border:2px solid #00e5ff66;border-radius:50%;width:92%;height:92%;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.rotating-border{filter:drop-shadow(0 0 15px #00e5ff99);z-index:1;border:4px solid #00e5ffcc;border-color:#00e5ffcc #7f00ff99 #00b7ffcc #0000;border-radius:50%;width:100%;height:100%;animation:3s linear infinite spin,.3s infinite alternate lightning;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lightning{0%{filter:drop-shadow(0 0 5px #7f00ff80)drop-shadow(0 0 15px #00e5ff66)}50%{filter:drop-shadow(0 0 20px #00e5ffb3)drop-shadow(0 0 40px #7f00ff80)}to{filter:drop-shadow(0 0 8px #00e5ff99)drop-shadow(0 0 20px #7f00ff80)}}.glow-ring{pointer-events:none;z-index:0;border:2px solid #00e5ff33;border-radius:50%;width:110%;height:110%;animation:3s ease-in-out infinite glowPulse;position:absolute}@keyframes glowPulse{0%,to{opacity:.5;filter:blur(25px)}50%{opacity:.7;filter:blur(30px)}}.ash-wrapper{z-index:3;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ash-p{opacity:0;filter:blur(20px);background:radial-gradient(circle,#00e5ffb3 0%,#7f00ff80 30%,#0064ff4d 60%,#0000 80%);border-radius:50%;width:100px;height:100px;position:absolute;bottom:20%;left:50%;box-shadow:0 0 40px #00e5ff80}@media (width<=850px){#home{text-align:center;flex-direction:column-reverse;justify-content:center;min-height:100vh;padding:100px 5% 50px}.lefthome,.righthome{justify-content:center;width:100%}.hero-title{align-items:center}.image-container{width:280px;height:280px;margin-bottom:40px}.line1{font-size:1.8rem}.line2{font-size:3rem}.line3{font-size:1rem}.ash-p{width:80px;height:80px}.hire-btn{padding:14px 35px;font-size:1rem}.hire-popup{padding:40px 35px}.popup-title{margin-bottom:25px;font-size:1.3rem}.options-container{gap:20px}.option{width:130px;height:130px}.option-icon{font-size:36px}.password-popup{min-width:300px;padding:40px 30px}.password-icon{font-size:42px}.password-title{font-size:1.35rem}}@media (width<=600px){#home{padding-top:90px}.image-container{width:240px;height:240px}.line1{font-size:1.5rem}.line2{font-size:2.5rem}.line3{font-size:.95rem}.hire-popup{width:90%;max-width:320px;padding:45px 25px 35px}.popup-title{margin-bottom:20px;font-size:1.2rem}.options-container{flex-direction:column;gap:15px;width:100%}.option{border-radius:16px;flex-direction:row;gap:15px;width:100%;height:75px;padding:0 20px}.icon-wrapper{width:50px;height:50px;margin-bottom:0}.option-icon{font-size:32px}.option-label{font-size:14px}.close-btn{width:36px;height:36px;font-size:14px;top:12px;right:12px}.password-popup{min-width:unset;width:90%;max-width:320px;padding:40px 25px 35px}.password-icon{font-size:38px}.password-title{font-size:1.25rem}.password-subtitle{font-size:.85rem}.password-input{padding:13px 16px;font-size:.95rem}.password-submit-btn{padding:12px 28px;font-size:.95rem}.password-close-btn{width:34px;height:34px;font-size:12px;top:12px;right:12px}}@media (width<=480px){.image-container{width:200px;height:200px}.line1{font-size:1.3rem}.line2{font-size:2rem}.hire-btn{padding:12px 28px;font-size:.95rem}.hire-popup{width:92%;padding:40px 20px 30px}.popup-title{font-size:1.1rem}.option{gap:12px;height:70px;padding:0 15px}.icon-wrapper{width:45px;height:45px}.option-icon{font-size:28px}.option-label{font-size:13px}.password-popup{gap:15px;width:92%;padding:35px 18px 30px}.password-icon{font-size:34px}.password-title{font-size:1.15rem}.password-subtitle{font-size:.8rem}.password-input{padding:12px 14px;font-size:.9rem}.password-submit-btn{padding:11px 25px;font-size:.9rem}}:root{--primary-color:#00d4ff;--primary-light:#67e8f9;--primary-dark:#0891b2;--secondary-color:#a855f7;--secondary-light:#c084fc;--accent-cyan:#00d4ff;--accent-purple:#a855f7;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-pink:#f472b6;--bg-primary:#030712;--bg-secondary:#0f172a;--bg-card:#0f172acc;--bg-card-hover:#1e293be6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#00d4ff26;--glow-color:#00d4ff66;--gradient-primary:linear-gradient(135deg, #00d4ff, #a855f7);--gradient-secondary:linear-gradient(135deg, #a855f7, #00d4ff);--gradient-glow:radial-gradient(circle, #00d4ff40 0%, transparent 70%);--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}.about-section{background:var(--bg-primary);scroll-behavior:smooth;min-height:100vh;padding:80px 5%;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.about-section *,.about-section :before,.about-section :after{box-sizing:border-box}.universe-bg{pointer-events:none;z-index:0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.nebula{filter:blur(80px);opacity:.35;will-change:transform, opacity;border-radius:50%;animation:25s ease-in-out infinite nebula-drift;position:absolute;transform:translateZ(0)}.nebula-1{background:radial-gradient(circle,#00d4ff40 0%,#0000 70%);width:450px;height:450px;animation-delay:0s;top:5%;left:15%}.nebula-2{background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:500px;height:500px;animation-delay:-8s;top:50%;right:5%}.nebula-3{background:radial-gradient(circle,#10b9812e 0%,#0000 70%);width:400px;height:400px;animation-delay:-16s;bottom:5%;left:25%}@keyframes nebula-drift{0%,to{opacity:.35;transform:translate(0)scale(1)}25%{opacity:.4;transform:translate(25px,-15px)scale(1.08)}50%{opacity:.3;transform:translate(-15px,25px)scale(.95)}75%{opacity:.38;transform:translate(-25px,-10px)scale(1.05)}}.stars-container{width:100%;height:100%;position:absolute}.star{width:var(--size);height:var(--size);left:var(--left);top:var(--top);animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);will-change:opacity, transform;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 4px 1px #ffffff4d}@keyframes twinkle{0%,to{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.bubbles-container{width:100%;height:100%;position:absolute;overflow:hidden}.floating-bubble{bottom:-80px;left:var(--left);width:var(--size);height:var(--size);background:radial-gradient(circle at 30% 30%, rgba(0, 212, 255, var(--opacity)) 0%, rgba(168, 85, 247, calc(var(--opacity) * .4)) 50%, transparent 70%);animation:bubble-rise var(--duration) ease-in-out infinite;animation-delay:var(--delay);filter:blur(1px);will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}8%{opacity:var(--opacity)}92%{opacity:var(--opacity)}to{opacity:0;transform:translateY(-110vh)translate(40px)scale(.4)}}.grid-overlay{opacity:.4;background-image:linear-gradient(#00d4ff05 1px,#0000 1px),linear-gradient(90deg,#00d4ff05 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:absolute}.about-container{z-index:10;max-width:1100px;margin:0 auto;position:relative}.section-symbol{justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 30px;display:flex;position:relative}.symbol-core{z-index:5;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.symbol-icon{color:var(--primary-color);text-shadow:0 0 20px var(--primary-color), 0 0 40px #00d4ff80;font-size:1.5rem;animation:3s ease-in-out infinite symbol-glow}@keyframes symbol-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.symbol-orbit{border:1px solid #00d4ff4d;border-radius:50%;animation:8s linear infinite orbit-rotate;position:absolute}.symbol-orbit.orbit-1{width:50px;height:50px;animation-duration:6s}.symbol-orbit.orbit-2{border-color:#a855f740;width:70px;height:70px;animation-duration:10s;animation-direction:reverse}.symbol-orbit.orbit-3{border-style:dashed;border-color:#10b98133;width:90px;height:90px;animation-duration:14s}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-dot{background:var(--primary-color);width:6px;height:6px;box-shadow:0 0 8px var(--primary-color);border-radius:50%;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.symbol-orbit.orbit-2 .orbit-dot{background:var(--secondary-color);box-shadow:0 0 8px var(--secondary-color)}.symbol-orbit.orbit-3 .orbit-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.symbol-pulse{background:radial-gradient(circle,#00d4ff26 0%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite symbol-pulse-anim;position:absolute}@keyframes symbol-pulse-anim{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.3)}}.about-me-section{text-align:center;margin-bottom:70px;animation:.8s ease-out fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.section-heading{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:28px;font-size:1.9rem;font-weight:700;display:inline-flex;position:relative}.heading-icon{font-size:1.4rem;animation:2.5s ease-in-out infinite wave}.heading-decoration{background:var(--gradient-primary);border-radius:2px;width:50px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.about-me-content{max-width:680px;transition:all var(--transition-normal);cursor:default;background:linear-gradient(135deg,#00d4ff08 0%,#a855f705 50%,#00d4ff08 100%);border:1px solid #00d4ff1a;border-radius:20px;margin:0 auto;padding:35px 30px;position:relative;overflow:hidden}.about-me-content:hover{background:linear-gradient(135deg,#00d4ff0d 0%,#a855f708 50%,#00d4ff0d 100%);border-color:#00d4ff40;box-shadow:0 20px 50px #00d4ff14,0 0 30px #00d4ff0d}.hover-hint{opacity:.5;transition:opacity var(--transition-normal);justify-content:center;align-items:center;gap:6px;margin-bottom:20px;display:flex}.about-me-content:hover .hover-hint{opacity:.8}.hint-icon{font-size:.9rem;animation:1.5s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hint-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem}.about-text{color:var(--text-secondary);transition:color var(--transition-normal);margin-bottom:18px;font-size:1.05rem;line-height:1.85}.about-me-content:hover .about-text{color:var(--text-primary)}.about-text:last-of-type{margin-bottom:0}.text-highlight{color:var(--primary-color);transition:all var(--transition-normal);font-weight:500;position:relative}.about-me-content:hover .text-highlight{text-shadow:0 0 10px #00d4ff4d}.smoke-particle{pointer-events:none;z-index:50;width:8px;height:8px;animation:1.5s ease-out forwards smoke-float;position:absolute}.smoke-particle:before{content:"";width:100%;height:100%;transform:scale(var(--scale,1));filter:blur(1px);background:radial-gradient(circle,#fffc 0%,#ffffff4d 40%,#0000 70%);border-radius:50%;position:absolute}@keyframes smoke-float{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(2)}}.about-decoration{opacity:0;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:15px;margin-top:25px;display:flex;transform:translateY(10px)}.about-me-content:hover .about-decoration{opacity:1;transform:translateY(0)}.decoration-line{background:var(--gradient-primary);width:40px;height:1px}.decoration-diamond{color:var(--primary-color);font-size:.7rem;animation:3s linear infinite diamond-rotate}@keyframes diamond-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-section{justify-content:center;margin-bottom:70px;display:flex}.profile-card{--mouse-x:50%;--mouse-y:50%;background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);width:100%;max-width:580px;transition:all var(--transition-bounce);transform-style:preserve-3d;will-change:transform;border-radius:24px;padding:38px;position:relative}.card-glow{background:var(--gradient-glow);pointer-events:none;width:250px;height:250px;left:var(--mouse-x);top:var(--mouse-y);opacity:0;transition:opacity var(--transition-normal);filter:blur(50px);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.profile-card:hover .card-glow{opacity:.8}.card-border-glow{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--accent-emerald), var(--primary-color));z-index:-1;opacity:.5;background-size:400% 400%;border-radius:26px;animation:8s linear infinite border-gradient;position:absolute;inset:-2px}@keyframes border-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.profile-header{border-bottom:1px solid var(--border-color);align-items:center;gap:22px;margin-bottom:32px;padding-bottom:22px;display:flex}.avatar-container{flex-shrink:0;position:relative}.avatar-ring{background:var(--gradient-primary);border-radius:50%;animation:6s linear infinite avatar-ring-rotate;position:absolute;inset:-6px}.avatar-ring-inner{background:var(--bg-card);border-radius:50%;width:100%;height:100%;margin:2px}@keyframes avatar-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar{background:var(--gradient-primary);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;display:flex;position:relative}.avatar-text{color:var(--text-primary);font-size:1.7rem;font-weight:700}.online-status{justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:3px;right:3px}.status-dot{background:var(--accent-emerald);border:2px solid var(--bg-card);z-index:2;border-radius:50%;width:10px;height:10px}.online-status.offline .status-dot{background:var(--text-muted)}.status-pulse{background:var(--accent-emerald);border-radius:50%;width:18px;height:18px;animation:2.5s ease-out infinite pulse-ring;position:absolute}.online-status.offline .status-pulse{display:none}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.8)}}.profile-title{flex:1;min-width:0}.profile-name{color:var(--text-primary);cursor:pointer;margin:0 0 4px;font-size:1.4rem;font-weight:700;display:inline-block;position:relative}.name-glow{background:var(--gradient-glow);opacity:0;pointer-events:none;z-index:-1;filter:blur(25px);transition:opacity .4s;position:absolute;inset:-15px}.profile-name:hover .name-glow{opacity:.6}.profile-role{color:var(--primary-color);margin:0 0 10px;font-size:.95rem}.status-badge{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98140;border-radius:20px;padding:5px 12px;font-size:.75rem;display:inline-block}.status-badge.offline{color:var(--text-muted);background:#64748b1f;border-color:#64748b40}.glitter-particle{pointer-events:none;z-index:100;width:8px;height:8px;animation:1s ease-out forwards glitter-burst;position:absolute}.glitter-particle:before{content:"✦";color:var(--primary-color);text-shadow:0 0 8px var(--primary-color), 0 0 16px var(--secondary-color);font-size:12px;animation:.5s linear infinite glitter-spin;position:absolute}@keyframes glitter-burst{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(0) rotate(var(--rotation))}}@keyframes glitter-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px;display:grid}.info-bubble{--index:0;--bubble-color:var(--primary-color);cursor:default;transition:all var(--transition-bounce);animation:.6s ease-out forwards bubble-appear;animation-delay:calc(var(--index) * .1s);opacity:0;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;padding:18px;position:relative;overflow:hidden;transform:translateY(20px)scale(.95)}@keyframes bubble-appear{to{opacity:1;transform:translateY(0)scale(1)}}.info-bubble:hover{border-color:var(--bubble-color);box-shadow:0 20px 40px #0000004d, 0 0 25px color-mix(in srgb, var(--bubble-color) 20%, transparent), inset 0 1px 0 #ffffff14;background:#ffffff0d;transform:translateY(-6px)scale(1.02)}.bubble-glow{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bubble-color) 15%, transparent), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.info-bubble:hover .bubble-glow{left:100%}.bubble-content{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.info-icon{opacity:.85;transition:transform var(--transition-normal);font-size:1.4rem}.info-bubble:hover .info-icon{transform:scale(1.15)rotate(5deg)}.info-text{flex-direction:column;gap:3px;min-width:0;display:flex}.info-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--bubble-color);opacity:.9;font-size:.65rem;font-weight:600}.info-value{color:var(--text-primary);white-space:normal;word-break:break-word;text-overflow:ellipsis;font-size:.95rem;font-weight:600;line-height:1.5;overflow:hidden}.bubble-particles{pointer-events:none;opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:0}.info-bubble:hover .bubble-particles{opacity:1}.bubble-particle{background:var(--bubble-color);width:4px;height:4px;animation:2.5s ease-in-out infinite particle-float;animation-delay:calc(var(--particle-index) * .2s);border-radius:50%;position:absolute}.bubble-particle:first-child{top:15%;right:15%}.bubble-particle:nth-child(2){top:35%;right:10%}.bubble-particle:nth-child(3){top:55%;right:18%}.bubble-particle:nth-child(4){top:75%;right:12%}.bubble-particle:nth-child(5){top:25%;right:25%}.bubble-particle:nth-child(6){top:65%;right:22%}@keyframes particle-float{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-8px)scale(1.3)}}.education-section{border-top:1px solid var(--border-color);padding-top:22px}.education-heading{color:var(--primary-color);align-items:center;gap:8px;margin:0 0 18px;font-size:1rem;font-weight:600;display:flex}.edu-icon{font-size:1.2rem;animation:2.5s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.education-card{transition:all var(--transition-normal);background:linear-gradient(135deg,#00d4ff0f 0%,#a855f70a 100%);border:1px solid #00d4ff1f;border-radius:16px;padding:22px;position:relative;overflow:hidden}.education-card:hover{border-color:#00d4ff4d;transform:translateY(-3px);box-shadow:0 15px 35px #00d4ff1a}.edu-glow{background:radial-gradient(circle,#00d4ff26 0%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:5s ease-in-out infinite glow-float;position:absolute;top:-40px;right:-40px}@keyframes glow-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-8px,8px)scale(1.1)}}.edu-content{z-index:1;position:relative}.edu-institution{color:var(--text-primary);margin:0 0 3px;font-size:1.1rem;font-weight:700}.edu-university{color:var(--accent-emerald);margin:0 0 18px;font-size:.9rem}.edu-details{flex-direction:column;gap:10px;display:flex}.edu-item{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.edu-label{color:var(--text-muted);min-width:65px;font-size:.8rem;font-weight:600}.edu-value{color:var(--text-secondary);font-size:.88rem}.cgpa-highlight{text-shadow:0 0 12px #10b98166;color:var(--accent-emerald)!important;font-size:.95rem!important;font-weight:700!important}.skills-section{text-align:center;transition:all .6s;position:relative}.skills-section.hidden{filter:blur(8px)}.skills-section.hidden .skills-nav-wrapper,.skills-section.hidden .skills-carousel,.skills-section.hidden .carousel-controls{filter:blur(8px);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all .6s}.skills-section.revealed .skills-nav-wrapper,.skills-section.revealed .skills-carousel,.skills-section.revealed .carousel-controls{filter:blur();opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.skills-reveal-overlay{z-index:20;-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #00d4ff4d;border-radius:30px;padding:20px 40px;animation:2s ease-in-out infinite reveal-pulse;position:absolute;top:80px;left:50%;transform:translate(-50%)}@keyframes reveal-pulse{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 40px #00d4ff66}}.reveal-content{align-items:center;gap:12px;display:flex}.reveal-icon{font-size:1.5rem;animation:1s ease-in-out infinite point-up}@keyframes point-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reveal-text{color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;font-size:.9rem;font-weight:500}.skills-nav-wrapper{flex-direction:column;align-items:center;gap:12px;margin-bottom:35px;display:flex}.skills-nav{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.skill-nav-btn{--skill-color:var(--primary-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #ffffff14;border-radius:30px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:.88rem;font-weight:500;display:flex;position:relative;overflow:hidden}.skill-nav-btn:hover{border-color:var(--skill-color);color:var(--text-primary);background:#ffffff05}.skill-nav-btn.active{border-color:var(--skill-color);color:var(--text-primary);box-shadow:0 0 20px color-mix(in srgb, var(--skill-color) 20%, transparent), inset 0 1px 0 #ffffff14;background:#ffffff0a}.nav-icon{transition:transform var(--transition-normal);font-size:1.05rem}.skill-nav-btn:hover .nav-icon,.skill-nav-btn.active .nav-icon{transform:scale(1.1)}.nav-text{display:none}@media (width>=768px){.nav-text{display:inline}}.nav-indicator{background:var(--skill-color);width:0;height:2px;transition:width var(--transition-normal);border-radius:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skill-nav-btn.active .nav-indicator{width:50%}.nav-glow{background:radial-gradient(circle at center, var(--skill-color), transparent 70%);opacity:0;transition:opacity var(--transition-normal);filter:blur(15px);z-index:-1;position:absolute;inset:0}.skill-nav-btn.active .nav-glow{opacity:.1}.autoplay-indicator{opacity:.5;transition:opacity var(--transition-normal);align-items:center;gap:6px;display:flex}.autoplay-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite autoplay-pulse}.autoplay-indicator.paused .autoplay-dot{background:var(--text-muted);animation:none}@keyframes autoplay-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.autoplay-text{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.7rem}.skills-carousel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;margin-bottom:25px;position:relative;overflow:hidden}.carousel-progress{z-index:10;background:#ffffff0d;width:100%;height:3px;position:absolute;top:0;left:0}.progress-fill{height:100%;width:var(--progress);background:var(--skill-color);transition:width .5s ease, background var(--transition-normal);box-shadow:0 0 10px var(--skill-color)}.skills-track{will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.skill-slide{--category-color:var(--primary-color);opacity:.5;min-width:100%;padding:40px 30px;transition:all .5s;transform:scale(.95)}.skill-slide.active{opacity:1;transform:scale(1)}.skill-slide-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.slide-icon{font-size:1.8rem;animation:2.5s ease-in-out infinite icon-bounce}@keyframes icon-bounce{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.1)translateY(-3px)}}.slide-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.skill-count{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:4px 10px;font-size:.75rem}.skill-items{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.skill-item{--item-delay:0s;--skill-color:var(--primary-color);cursor:default;transition:all var(--transition-bounce);animation:.5s ease-out forwards skill-appear;animation-delay:var(--item-delay);opacity:0;background:#ffffff05;border:1px solid #ffffff0f;border-radius:25px;padding:12px 24px;position:relative;overflow:hidden;transform:translateY(15px)}@keyframes skill-appear{to{opacity:1;transform:translateY(0)}}.skill-item:hover{border-color:var(--skill-color);box-shadow:0 12px 30px #0000004d, 0 0 20px color-mix(in srgb, var(--skill-color) 15%, transparent);background:#ffffff0a;transform:translateY(-4px)scale(1.05)}.skill-name{z-index:2;color:var(--text-secondary);transition:color var(--transition-normal);font-size:.9rem;font-weight:500;position:relative}.skill-item:hover .skill-name{color:var(--text-primary)}.skill-glow{background:radial-gradient(circle at center, var(--skill-color) 0%, transparent 70%);opacity:0;transition:opacity var(--transition-normal);filter:blur(15px);position:absolute;inset:0}.skill-item:hover .skill-glow{opacity:.12}.skill-shine{background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skill-item:hover .skill-shine{left:100%}.skill-border{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, linear-gradient(45deg, var(--skill-color), transparent, var(--skill-color)) border-box;opacity:0;transition:opacity var(--transition-normal);border:1px solid #0000;border-radius:25px;position:absolute;inset:0}.skill-item:hover .skill-border{opacity:.5}.carousel-controls{justify-content:center;align-items:center;gap:20px;display:flex}.carousel-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:#ffffff05;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.carousel-btn:hover{border-color:var(--primary-color);color:var(--text-primary);background:#00d4ff14;transform:scale(1.05)}.carousel-btn:active{transform:scale(.95)}.btn-icon{transition:transform var(--transition-normal)}.carousel-btn:hover .btn-icon{transform:scale(1.1)}.carousel-indicators{gap:8px;display:flex}.indicator{--indicator-color:var(--primary-color);cursor:pointer;width:10px;height:10px;transition:all var(--transition-normal);background:#ffffff26;border:none;border-radius:50%}.indicator:hover{background:#ffffff4d;transform:scale(1.1)}.indicator.active{background:var(--indicator-color);box-shadow:0 0 10px var(--indicator-color);transform:scale(1.2)}@media (width<=1024px){.about-section{padding:60px 4%}.profile-card{padding:32px}.skill-slide{padding:35px 25px}.section-symbol{width:80px;height:80px}}@media (width<=768px){.about-section{padding:50px 4%}.section-heading{font-size:1.6rem}.info-grid{grid-template-columns:1fr;gap:12px}.profile-header{text-align:center;flex-direction:column;gap:18px}.profile-card{padding:28px 24px}.skill-slide{padding:30px 20px}.slide-title{font-size:1.2rem}.skill-item{padding:10px 18px}.skill-name{font-size:.85rem}.section-symbol{width:70px;height:70px;margin-bottom:25px}.symbol-icon{font-size:1.3rem}.skills-reveal-overlay{padding:15px 25px}.reveal-text{font-size:.8rem}}@media (width<=480px){.about-section{padding:40px 5%}.section-heading{gap:10px;font-size:1.4rem}.heading-icon{font-size:1.2rem}.about-me-content{padding:25px 20px}.about-text{font-size:.95rem}.profile-card{padding:22px 18px}.avatar{width:65px;height:65px}.avatar-text{font-size:1.5rem}.profile-name{font-size:1.25rem}.info-bubble{padding:14px}.info-icon{font-size:1.2rem}.info-label{font-size:.6rem}.info-value{font-size:.88rem}.education-card{padding:18px}.edu-institution{font-size:1rem}.skill-nav-btn{padding:10px 14px;font-size:.82rem}.nav-icon{font-size:.95rem}.skill-slide{padding:25px 15px}.slide-icon{font-size:1.5rem}.slide-title{font-size:1.1rem}.skill-items{gap:10px}.skill-item{padding:9px 16px}.skill-name{font-size:.8rem}.carousel-btn{width:36px;height:36px}.indicator{width:8px;height:8px}.section-symbol{width:60px;height:60px;margin-bottom:20px}.symbol-icon{font-size:1.1rem}.symbol-orbit.orbit-1{width:40px;height:40px}.symbol-orbit.orbit-2{width:55px;height:55px}.symbol-orbit.orbit-3{width:70px;height:70px}.skills-reveal-overlay{padding:12px 20px;top:70px}.reveal-icon{font-size:1.2rem}.reveal-text{letter-spacing:1px;font-size:.75rem}}@media (width<=360px){.section-heading{font-size:1.3rem}.profile-card{padding:18px 15px}.info-bubble{padding:12px}.section-symbol{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.floating-bubble,.star,.glitter-particle,.smoke-particle,.bubble-particle,.symbol-orbit,.symbol-pulse{display:none!important}.profile-card{transform:none!important}.skills-section.hidden .skills-nav-wrapper,.skills-section.hidden .skills-carousel,.skills-section.hidden .carousel-controls{filter:none;opacity:1;pointer-events:auto}.skills-reveal-overlay{display:none}}.skill-nav-btn:focus-visible,.carousel-btn:focus-visible,.indicator:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.info-bubble:focus-visible{outline:2px solid var(--bubble-color,var(--primary-color));outline-offset:2px}@media (prefers-contrast:high){.about-section{background:#000}.profile-card,.about-me-content,.skills-carousel,.info-bubble,.skill-item{border-width:2px;border-color:#fff}.text-highlight{text-decoration:underline}.skills-section.hidden .skills-nav-wrapper,.skills-section.hidden .skills-carousel,.skills-section.hidden .carousel-controls{filter:none;opacity:1}}.nebula,.floating-bubble,.star,.skills-track,.profile-card,.skill-item,.info-bubble{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.skill-glow,.bubble-glow,.card-glow,.nav-glow{contain:strict}.about-container{contain:layout style}.glitter-particle,.smoke-particle{contain:strict;pointer-events:none}:root{--glass-bg:#ffffff08;--glass-border:#ffffff14;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff80;--bg-dark:#050508;--accent-purple:#667eea;--accent-pink:#f5576c;--accent-cyan:#00f2fe;--transition-smooth:cubic-bezier(.4, 0, .2, 1);--transition-bounce:cubic-bezier(.68, -.55, .265, 1.55);--section-padding:100px;--card-border-radius:24px;--popup-border-radius:28px}.projects-section{min-height:100vh;padding:var(--section-padding) 20px;background:var(--bg-dark);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.projects-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.bg-gradient-orb{filter:blur(80px);opacity:.3;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#667eea 0%,#0000 70%);width:500px;height:500px;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#f5576c 0%,#0000 70%);width:400px;height:400px;animation-delay:-10s;bottom:-150px;right:-150px}@keyframes orbFloat{0%,to{opacity:.2;transform:translate(0)scale(1)}33%{opacity:.35;transform:translate(20px,-20px)scale(1.1)}66%{opacity:.25;transform:translate(-10px,10px)scale(.95)}}.bg-grid{opacity:.5;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.bg-particles{position:absolute;inset:0}.bg-particle{left:var(--x);width:var(--size);height:var(--size);background:var(--accent-purple);will-change:transform, opacity;animation:particleRise var(--duration) var(--delay) infinite linear;opacity:0;border-radius:50%;position:absolute;bottom:-10px}@keyframes particleRise{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)}}.projects-header{text-align:center;z-index:10;margin-bottom:80px;position:relative}.section-badge{color:var(--accent-purple);text-transform:uppercase;letter-spacing:2px;background:#667eea1a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 20px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent-purple);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.section-title{color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1}.title-line{letter-spacing:6px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:.5em;font-weight:400;display:block}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#f093fb 50%,#f5576c 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 25px;font-size:1.1rem;line-height:1.7}.header-decoration{justify-content:center;align-items:center;gap:12px;display:flex}.deco-line{background:linear-gradient(90deg, transparent, var(--accent-purple), transparent);width:50px;height:2px}.deco-diamond{background:var(--accent-purple);width:8px;height:8px;transform:rotate(45deg)}.slider-container{perspective:2000px;touch-action:pan-y pinch-zoom;width:100%;max-width:1400px;height:500px;position:relative}.slider-track{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.project-card{cursor:pointer;will-change:transform, opacity;width:320px;transform-style:preserve-3d;transition:transform .5s var(--transition-smooth), opacity .5s var(--transition-smooth);position:absolute}.project-card.active{cursor:pointer}.card-glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--card-border-radius);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff14;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.project-card:hover .card-glass{border-color:#ffffff26}.project-card.active .card-glass{box-shadow:0 25px 80px #00000080, 0 0 60px color-mix(in srgb, var(--accent-color) 20%, transparent)}.neon-border{border-radius:calc(var(--card-border-radius) + 2px);background:var(--card-gradient);opacity:.4;filter:blur(10px);z-index:-1;animation:2s ease-in-out infinite neonPulse;position:absolute;inset:-2px}@keyframes neonPulse{0%,to{opacity:.3}50%{opacity:.5}}.card-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.card-image-gradient{opacity:.2;z-index:1;mix-blend-mode:overlay;position:absolute;inset:0}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .card-image{transform:scale(1.08)}.image-overlay{opacity:0;z-index:2;background:linear-gradient(#0000 0%,#0505084d 50%,#050508e6 100%);justify-content:center;align-items:flex-end;padding-bottom:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card.active:hover .image-overlay{opacity:1}.view-project-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:transform .3s,background .3s;display:flex;transform:translateY(20px)}.view-project-btn svg{width:16px;height:16px}.project-card.active:hover .view-project-btn{transform:translateY(0)}.view-project-btn:hover{background:#fff3}.card-tech-stack{flex-wrap:wrap;gap:8px;padding:16px;display:flex}.tech-pill{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:15px;padding:6px 12px;font-size:.7rem;font-weight:500;transition:all .3s}.project-card:hover .tech-pill{color:var(--text-primary);background:#ffffff14}.card-shine{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%,to{left:-100%}50%{left:100%}}.card-name-wrapper{text-align:center;opacity:0;margin-top:20px;transition:opacity .4s,transform .4s;transform:translateY(10px)}.project-card.active .card-name-wrapper{opacity:1;transform:translateY(0)}.card-name{color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:700}.name-underline{border-radius:2px;width:60px;height:3px;margin:0 auto}.slider-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav:hover{background:#ffffff1a;border-color:#fff3}.slider-nav svg{width:20px;height:20px;color:var(--text-primary);transition:transform .3s}.slider-nav.prev{left:20px}.slider-nav.next{right:20px}.slider-nav.prev:hover svg{transform:translate(-3px)}.slider-nav.next:hover svg{transform:translate(3px)}.slider-pagination{z-index:10;gap:14px;margin-top:50px;padding-bottom:20px;display:flex;position:relative}.pagination-dot{cursor:pointer;background:0 0;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s;position:relative}.dot-inner{background:#ffffff4d;border-radius:50%;transition:all .3s;position:absolute;inset:3px}.pagination-dot.active .dot-inner{background:var(--dot-color);box-shadow:0 0 12px var(--dot-color);inset:1px}.dot-ring{border:2px solid var(--dot-color);opacity:.4;border-radius:50%;animation:2s ease-in-out infinite ringPulse;position:absolute;inset:-2px}@keyframes ringPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.3)}}.pagination-progress{background:#ffffff1a;border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.progress-fill{height:100%;transition:width .5s var(--transition-smooth);border-radius:2px}.popup-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#050508e6;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-container{border-radius:var(--popup-border-radius);width:100%;max-width:900px;max-height:85vh;animation:popupSlide .4s var(--transition-bounce);background:linear-gradient(135deg,#191928f2 0%,#0f0f19fa 100%);border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}@keyframes popupSlide{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-border-glow{border-radius:calc(var(--popup-border-radius) + 2px);background:var(--popup-gradient);opacity:.3;filter:blur(15px);z-index:-1;position:absolute;inset:-2px}.magic-dust{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dust-particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--color);opacity:0;animation:dustFloat var(--duration) var(--delay) infinite;border-radius:50%;position:absolute}@keyframes dustFloat{0%,to{opacity:0;transform:translateY(0)scale(0)}50%{opacity:.6;transform:translateY(-40px)scale(1)}}.popup-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:20;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.popup-close:hover{background:#f5576c33;border-color:#f5576c4d}.popup-close svg{width:18px;height:18px;color:var(--text-primary);transition:transform .3s}.popup-close:hover svg{transform:rotate(90deg)}.popup-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--popup-accent) transparent;max-height:85vh;padding:40px;overflow-y:auto}.popup-content::-webkit-scrollbar{width:5px}.popup-content::-webkit-scrollbar-track{background:0 0}.popup-content::-webkit-scrollbar-thumb{background:var(--popup-accent);border-radius:3px}.popup-header{align-items:center;gap:20px;margin-bottom:30px;display:flex}.popup-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 10px 30px #0000004d}.icon-emoji{font-size:1.8rem}.popup-title-wrapper{flex:1}.popup-title{color:var(--text-primary);margin-bottom:8px;font-size:clamp(1.4rem,4vw,2rem);font-weight:800}.title-accent-line{border-radius:2px;width:70px;height:3px}.popup-image-section{margin-bottom:30px}.popup-image-wrapper{border:1px solid #ffffff1a;border-radius:20px;width:100%;height:280px;position:relative;overflow:hidden}.popup-image{object-fit:cover;width:100%;height:100%}.image-gloss-overlay{pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.popup-section{margin-bottom:28px}.popup-section-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:1.15rem;font-weight:700;display:flex}.section-icon{font-size:1.3rem}.section-line{background:linear-gradient(90deg,#ffffff26 0%,#0000 100%);flex:1;height:1px;margin-left:10px}.popup-description{color:var(--text-secondary);font-size:1rem;line-height:1.8}.tech-stack-grid{flex-direction:column;gap:16px;display:flex}.tech-category{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.category-label{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:6px;min-width:100px;font-size:.8rem;font-weight:600;display:flex}.label-dot{background:var(--popup-accent);border-radius:50%;width:5px;height:5px}.category-techs{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .3s}.tech-tag:hover{border-color:var(--accent);background:#ffffff14;transform:translateY(-2px)}.features-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.feature-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:12px 16px;transition:all .3s}.feature-item:hover{background:#ffffff0d;transform:translate(5px)}.feature-text{color:var(--text-secondary);font-size:.9rem}.popup-actions{flex-wrap:wrap;gap:16px;margin-top:35px;display:flex}.action-btn{min-width:180px;color:var(--text-primary);border-radius:14px;flex:1;align-items:center;gap:10px;padding:16px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.live-btn{background:var(--gradient)}.github-btn{background:#ffffff0d;border:1px solid #ffffff26}.btn-icon{font-size:1.1rem}.btn-arrow{margin-left:auto;transition:transform .3s}.action-btn:hover{transform:translateY(-3px)}.live-btn:hover{box-shadow:0 15px 40px #667eea4d}.github-btn:hover{background:#ffffff1a}.action-btn:hover .btn-arrow{transform:translate(5px)}@media (width<=1024px){.projects-section{padding:80px 15px}.slider-container{height:450px}.project-card{width:280px}.card-image-wrapper{height:170px}.slider-nav{width:45px;height:45px}.slider-nav.prev{left:10px}.slider-nav.next{right:10px}}@media (width<=768px){.projects-section{padding:60px 15px 80px}.projects-header{margin-bottom:60px}.slider-container{height:400px}.project-card{width:260px}.card-image-wrapper{height:150px}.slider-nav{display:none}.popup-container{border-radius:24px;max-height:90vh}.popup-content{padding:30px 20px}.popup-header{text-align:center;flex-direction:column;gap:15px}.popup-image-wrapper{height:200px}.features-grid{grid-template-columns:1fr}.popup-actions{flex-direction:column}.action-btn{min-width:100%}.tech-category{flex-direction:column;align-items:flex-start}.category-label{min-width:auto;margin-bottom:6px}}@media (width<=480px){.projects-section{padding:50px 10px 70px}.section-title{font-size:2.2rem}.slider-container{height:380px}.project-card{width:240px}.card-glass{border-radius:20px}.card-image-wrapper{height:130px}.card-tech-stack{gap:6px;padding:12px}.tech-pill{padding:5px 10px;font-size:.65rem}.card-name{font-size:1.1rem}.popup-content{padding:25px 15px}.popup-close{width:40px;height:40px;top:15px;right:15px}.popup-title{font-size:1.3rem}.action-btn{padding:14px 20px}}@media (hover:none) and (pointer:coarse){.card-shine{display:none}.image-overlay{opacity:1;background:linear-gradient(#0000 40%,#050508b3 100%)}.view-project-btn{transform:translateY(0)}.slider-nav{width:44px;height:44px;display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.2s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card-shine,.magic-dust,.bg-particles{display:none}}@media (height<=500px) and (orientation:landscape){.projects-section{padding:40px 15px}.projects-header{margin-bottom:30px}.slider-container{height:260px}.project-card{width:200px}.card-image-wrapper{height:100px}.popup-container{max-height:95vh}.popup-content{padding:20px}.popup-image-wrapper{height:130px}}:root{--globe-primary:#4a9eff;--globe-secondary:#0ff;--globe-accent:#764abc;--globe-success:#0f8;--globe-warning:#fa0;--globe-bg-dark:#050508;--globe-bg-medium:#0a0a12;--globe-bg-light:#12121a;--globe-bg-card:#0a0a12cc;--globe-text-primary:#fff;--globe-text-secondary:#ffffffb3;--globe-text-muted:#fff6;--globe-glow-primary:#4a9eff4d;--globe-glow-secondary:#0ff3;--globe-border:#4a9eff26;--globe-border-active:#4a9eff66;--globe-max-width:600px;--globe-height:500px;--globe-border-radius:24px;--panel-width:160px;--transition-fast:.2s;--transition-medium:.4s;--transition-slow:.8s}.globe-wrapper{opacity:0;width:100%;max-width:1100px;transition:opacity var(--transition-slow) cubic-bezier(.4, 0, .2, 1), transform var(--transition-slow) cubic-bezier(.4, 0, .2, 1);justify-content:center;align-items:center;gap:24px;margin:0 auto;padding:20px;display:flex;transform:translateY(40px)}.globe-wrapper.visible{opacity:1;transform:translateY(0)}.side-panel{flex:0 0 var(--panel-width);border:1px solid var(--globe-border);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0a0a12e6 0%,#0a0a1299 100%);border-radius:16px;height:420px;padding:20px 14px;position:relative;overflow:hidden}.side-panel:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#4a9eff14 0%,#0000 70%);position:absolute;inset:0}.side-panel:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#4a9eff4d 0%,#0000 30% 70%,#764abc26 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.panel-content{z-index:1;flex-direction:column;gap:16px;height:100%;display:flex;position:relative}.panel-clock{text-align:center;border-bottom:1px solid #4a9eff1a;padding-bottom:12px}.clock-time{color:var(--globe-primary);letter-spacing:2px;text-shadow:0 0 20px var(--globe-glow-primary);font-family:SF Mono,Fira Code,monospace;font-size:28px;font-weight:700}.clock-date{letter-spacing:2px;color:var(--globe-text-muted);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:500}.tech-lines{flex-direction:column;gap:4px;width:100%;display:flex}.tech-line{background:linear-gradient(90deg, transparent 0%, var(--globe-primary) 50%, transparent 100%);opacity:.4;transform-origin:0;height:2px;animation:2s ease-out forwards techLineExpand;transform:scaleX(0)}@keyframes techLineExpand{to{transform:scaleX(1)}}.panel-metrics{background:#4a9eff0d;border:1px solid #4a9eff1a;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.metric-item{justify-content:space-between;align-items:center;display:flex}.metric-value{color:var(--globe-secondary);text-shadow:0 0 10px var(--globe-glow-secondary);font-family:SF Mono,Fira Code,monospace;font-size:14px;font-weight:700}.metric-label{letter-spacing:1px;color:var(--globe-text-muted);text-transform:uppercase;font-size:9px;font-weight:500}.data-stream{flex-direction:column;flex:1;gap:8px;min-height:80px;display:flex}.stream-label{letter-spacing:2px;color:var(--globe-text-muted);text-transform:uppercase;font-size:8px;font-weight:600}.stream-bars{background:#0000004d;border-radius:8px;flex:1;align-items:flex-end;gap:4px;padding:8px;display:flex}.stream-bar{background:linear-gradient(180deg, var(--globe-secondary) 0%, var(--globe-primary) 100%);opacity:.7;border-radius:2px 2px 0 0;flex:1;animation:1.5s ease-in-out infinite streamPulse}@keyframes streamPulse{0%,to{opacity:.4;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.connection-status{color:var(--globe-success);text-transform:uppercase;letter-spacing:1px;background:#00ff881a;border:1px solid #0f83;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:10px;font-weight:500;display:flex}.connection-dot{background:var(--globe-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite connectionPulse;box-shadow:0 0 10px #00ff8880}@keyframes connectionPulse{0%,to{transform:scale(.9);box-shadow:0 0 5px #00ff884d}50%{transform:scale(1.1);box-shadow:0 0 20px #0f8c}}.skill-count{border-bottom:1px solid #4a9eff1a;flex-direction:column;align-items:center;gap:4px;padding-bottom:12px;display:flex}.count-number{color:var(--globe-primary);text-shadow:0 0 30px var(--globe-glow-primary);font-size:36px;font-weight:700;line-height:1}.count-label{letter-spacing:3px;color:var(--globe-text-muted);text-transform:uppercase;font-size:10px;font-weight:500}.status-indicator{color:var(--globe-text-secondary);text-transform:uppercase;letter-spacing:1px;background:#4a9eff1a;border:1px solid #4a9eff33;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:10px;font-weight:500;display:flex}.status-dot{background:var(--globe-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 10px #00ff8880}@keyframes statusPulse{0%,to{box-shadow:0 0 5px #00ff884d}50%{box-shadow:0 0 15px #0f8c}}.skill-categories{flex-direction:column;gap:6px;display:flex}.category-label{letter-spacing:2px;color:var(--globe-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:600}.category-btn{cursor:pointer;width:100%;transition:all var(--transition-fast) ease;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.category-btn:hover{background:#4a9eff1a;border-color:#4a9eff33}.category-btn.active{border-color:var(--globe-primary);background:#4a9eff26;box-shadow:0 0 15px #4a9eff33}.cat-name{color:var(--globe-text-secondary);transition:color var(--transition-fast) ease;font-size:11px;font-weight:500}.category-btn.active .cat-name{color:var(--globe-primary)}.cat-count{color:var(--globe-text-muted);transition:all var(--transition-fast) ease;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:700}.category-btn.active .cat-count{color:var(--globe-primary);background:#4a9eff33}.proficiency-section{background:#4a9eff0d;border:1px solid #4a9eff1a;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.proficiency-label{letter-spacing:2px;color:var(--globe-text-muted);text-transform:uppercase;font-size:8px;font-weight:600}.proficiency-bars{flex-direction:column;gap:8px;display:flex}.prof-item{flex-direction:column;gap:4px;display:flex}.prof-level{color:var(--globe-text-muted);font-size:9px;font-weight:500}.prof-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.prof-fill{transform-origin:0;border-radius:2px;height:100%;animation:1.5s ease-out .5s forwards profFillExpand;transform:scaleX(0)}.prof-fill.expert{background:linear-gradient(90deg, var(--globe-primary), var(--globe-secondary))}.prof-fill.advanced{background:linear-gradient(90deg, var(--globe-accent), var(--globe-primary))}.prof-fill.intermediate{background:linear-gradient(90deg, #555, var(--globe-accent))}@keyframes profFillExpand{to{transform:scaleX(1)}}.version-info{border-top:1px solid #4a9eff1a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.version-label{color:var(--globe-primary);font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:600}.build-date{color:var(--globe-text-muted);font-size:9px}.globe-container{max-width:var(--globe-max-width);height:var(--globe-height);background:linear-gradient(145deg, var(--globe-bg-dark) 0%, var(--globe-bg-medium) 50%, var(--globe-bg-dark) 100%);border-radius:var(--globe-border-radius);border:1px solid var(--globe-border);flex:1;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 80px #4a9eff14,0 30px 60px #00000080,inset 0 0 100px #4a9eff08}.globe-bg-gradient{pointer-events:none;z-index:1;background:radial-gradient(80% 50% at 50% 0,#4a9eff1a 0%,#0000 50%),radial-gradient(60% 40% at 50% 100%,#764abc14 0%,#0000 50%),radial-gradient(circle at 30%,#00ffff08 0%,#0000 30%),radial-gradient(circle at 70%,#764abc08 0%,#0000 30%);position:absolute;inset:0}.globe-grid-pattern{pointer-events:none;z-index:1;opacity:.5;background-image:linear-gradient(#4a9eff08 1px,#0000 1px),linear-gradient(90deg,#4a9eff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.globe-noise-overlay{pointer-events:none;z-index:1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='[w3.org](http://www.w3.org/2000/svg)'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.globe-canvas{cursor:grab;z-index:10;touch-action:none;min-height:280px;width:100%!important;height:100%!important}.globe-canvas:active{cursor:grabbing}.globe-canvas canvas{display:block;width:100%!important;height:100%!important}.skill-tooltip{-webkit-backdrop-filter:blur(20px);border:1px solid var(--globe-primary);color:var(--globe-text-primary);pointer-events:none;z-index:100;opacity:0;visibility:hidden;box-shadow:0 15px 40px #0009, 0 0 30px var(--globe-glow-primary);white-space:nowrap;background:#0a0a14f2;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:opacity .25s,visibility .25s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;transform:translateY(10px)scale(.9)}.skill-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.tooltip-icon{border:1px solid;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:flex}.tooltip-icon img{object-fit:contain;width:100%;height:100%}.tooltip-name{letter-spacing:.5px}.globe-overlay{z-index:20;pointer-events:none;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.drag-instruction{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;padding:12px 24px;animation:4s ease-in-out infinite floatUpDown;display:flex;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #4a9eff0d}.drag-icon{width:24px;height:24px;color:var(--globe-primary);filter:drop-shadow(0 0 8px var(--globe-glow-primary));justify-content:center;align-items:center;animation:15s linear infinite slowRotate;display:flex}.drag-icon svg{width:100%;height:100%}.drag-text{letter-spacing:1.5px;color:#ffffffb3;text-transform:uppercase;font-size:11px;font-weight:500}.corner-decoration{pointer-events:none;z-index:5;width:40px;height:40px;position:absolute}.corner-decoration.top-left{border-top:2px solid #4a9eff4d;border-left:2px solid #4a9eff4d;border-radius:8px 0 0;top:15px;left:15px}.corner-decoration.top-right{border-top:2px solid #4a9eff4d;border-right:2px solid #4a9eff4d;border-radius:0 8px 0 0;top:15px;right:15px}.corner-decoration.bottom-left{border-bottom:2px solid #764abc4d;border-left:2px solid #764abc4d;border-radius:0 0 0 8px;bottom:15px;left:15px}.corner-decoration.bottom-right{border-bottom:2px solid #764abc4d;border-right:2px solid #764abc4d;border-radius:0 0 8px;bottom:15px;right:15px}.glow-orbs{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.glow-orb{filter:blur(80px);border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.orb-1{opacity:.3;background:radial-gradient(circle,#4a9eff66 0%,#0000 70%);width:250px;height:250px;top:-100px;left:50%;transform:translate(-50%)}.orb-2{opacity:.25;background:radial-gradient(circle,#00ffff4d 0%,#0000 70%);width:200px;height:200px;animation-delay:-7s;bottom:-80px;left:-80px}.orb-3{opacity:.25;background:radial-gradient(circle,#764abc59 0%,#0000 70%);width:180px;height:180px;animation-delay:-14s;bottom:-60px;right:-60px}.mobile-skill-badge{z-index:25;-webkit-backdrop-filter:blur(10px);border:1px solid var(--globe-border);background:#0a0a14e6;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;display:none;position:absolute;top:15px;right:15px;box-shadow:0 4px 20px #0006}.badge-count{color:var(--globe-primary);text-shadow:0 0 20px var(--globe-glow-primary);font-size:24px;font-weight:700;line-height:1}.badge-label{letter-spacing:2px;color:var(--globe-text-muted);text-transform:uppercase;font-size:8px;font-weight:500}@keyframes floatUpDown{0%,to{opacity:.7;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-8px)}}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=1200px){.globe-wrapper{gap:32px}.side-panel{flex:0 0 180px;height:450px}.globe-container{max-width:650px;height:540px}.clock-time{font-size:32px}.count-number{font-size:42px}}@media (width<=1024px){.globe-wrapper{gap:20px;padding:16px}.side-panel{flex:0 0 140px;height:380px;padding:16px 12px}.globe-container{height:420px}.count-number{font-size:32px}.clock-time{font-size:24px}}@media (width<=900px){.globe-wrapper{flex-direction:column;gap:16px}.side-panel{flex:none;width:100%;max-width:500px;height:auto;padding:16px}.panel-content{flex-flow:wrap;justify-content:space-around;gap:16px}.tech-lines,.data-stream{display:none}.globe-container{border-radius:20px;width:100%;max-width:500px;height:400px}.drag-instruction{padding:10px 20px}.drag-text{font-size:10px}.drag-icon{width:20px;height:20px}}@media (width<=768px){.globe-wrapper{width:100%;min-height:350px;padding:12px}.side-panel{display:none}.mobile-skill-badge{display:flex}.globe-container{border-radius:16px;flex:1;width:100%;max-width:100%;height:350px;min-height:320px}.globe-canvas{min-height:320px;width:100%!important;height:100%!important}.skill-tooltip{gap:10px;max-width:200px;padding:10px 14px;font-size:12px}.tooltip-icon{width:26px;height:26px}.globe-overlay{bottom:20px}.drag-instruction{gap:10px;padding:8px 16px}.drag-text{letter-spacing:1px;font-size:9px}.drag-icon{width:18px;height:18px}.corner-decoration{width:30px;height:30px}.glow-orb{filter:blur(60px);opacity:.15}.orb-1{width:150px;height:150px}.orb-2,.orb-3{width:120px;height:120px}}@media (width<=480px){.globe-wrapper{min-height:300px;padding:8px}.globe-container{border-radius:12px;height:300px;min-height:280px}.globe-canvas{min-height:280px}.skill-tooltip{border-radius:10px;padding:8px 12px;font-size:11px}.tooltip-icon{width:22px;height:22px;padding:4px}.globe-overlay{bottom:12px}.drag-instruction{gap:6px;padding:6px 12px}.drag-text{font-size:8px}.drag-icon{width:14px;height:14px}.corner-decoration{width:20px;height:20px;top:10px;left:10px}.corner-decoration.top-right{left:auto;right:10px}.corner-decoration.bottom-left{top:auto;bottom:10px}.corner-decoration.bottom-right{inset:auto 10px 10px auto}.mobile-skill-badge{border-radius:10px;padding:8px 10px;top:10px;right:10px}.badge-count{font-size:20px}.badge-label{font-size:7px}.glow-orbs{opacity:.5}.globe-grid-pattern{opacity:.3}}@media (width<=360px){.globe-wrapper{padding:4px}.globe-container{border-radius:10px;height:260px;min-height:250px}.globe-canvas{min-height:250px}.corner-decoration,.glow-orbs,.globe-grid-pattern{display:none}.drag-instruction{padding:5px 10px}.drag-text{letter-spacing:.5px;font-size:7px}.drag-icon{width:12px;height:12px}}@media (prefers-reduced-motion:reduce){.globe-wrapper,.skill-tooltip,.drag-instruction,.drag-icon,.glow-orb,.dot,.tech-line,.tech-bar,.status-dot,.connection-dot,.stream-bar,.prof-fill{transition:opacity .2s!important;animation:none!important}.globe-wrapper.visible{opacity:1;transform:none}.skill-tooltip.visible{transform:none}.tech-line,.prof-fill{transform:scaleX(1)!important}}@media (prefers-contrast:high){.globe-container{border-width:2px;border-color:#4a9eff80}.side-panel{border-color:#4a9eff66}.skill-tooltip{background:#000000f2;border-width:2px}.drag-text{color:#ffffffe6}.metric-label,.clock-date,.count-label,.category-label,.proficiency-label{color:#fff9}}@media print{.globe-wrapper{display:none}}.category-btn:focus{outline:2px solid var(--globe-primary);outline-offset:2px}.category-btn:focus:not(:focus-visible){outline:none}.category-btn:focus-visible{outline:2px solid var(--globe-primary);outline-offset:2px}@media (height<=500px) and (orientation:landscape){.globe-wrapper{padding:8px}.globe-container{height:280px;min-height:250px}.globe-canvas{min-height:250px}.globe-overlay{bottom:10px}.drag-instruction{padding:4px 10px}.mobile-skill-badge{padding:6px 8px}.badge-count{font-size:18px}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--neon-blue:#00d4ff;--neon-purple:#a855f7;--neon-pink:#ec4899;--neon-gold:#fbbf24;--transition-smooth:cubic-bezier(.4, 0, .2, 1);--transition-bounce:cubic-bezier(.68, -.55, .265, 1.55)}.certificate-section{background:var(--bg-primary);min-height:100vh;padding:80px 20px;position:relative;overflow:hidden}.bg-gradient{pointer-events:none;background:radial-gradient(at 20% 20%,#a855f726 0%,#0000 50%),radial-gradient(at 80% 80%,#00d4ff26 0%,#0000 50%),radial-gradient(#ec489914 0%,#0000 60%);animation:8s ease-in-out infinite gradientPulse;position:absolute;inset:0}@keyframes gradientPulse{0%,to{opacity:1}50%{opacity:.7}}.bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.floating-bubbles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.bubble{will-change:transform;background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff1a 40%,#0000 70%);border-radius:50%;animation:linear infinite floatBubble;position:absolute;box-shadow:inset 0 0 20px #fff3,0 0 30px #00d4ff33}.bubble:first-child{width:80px;height:80px;animation-duration:20s;animation-delay:0s;left:10%}.bubble:nth-child(2){width:60px;height:60px;animation-duration:25s;animation-delay:-5s;left:30%}.bubble:nth-child(3){width:100px;height:100px;animation-duration:22s;animation-delay:-10s;left:50%}.bubble:nth-child(4){width:50px;height:50px;animation-duration:28s;animation-delay:-7s;left:70%}.bubble:nth-child(5){width:70px;height:70px;animation-duration:24s;animation-delay:-3s;left:85%}@keyframes floatBubble{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px)rotate(360deg)}}.section-header{text-align:center;z-index:1;margin-bottom:60px;position:relative}.section-badge{color:var(--neon-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf2426,#ffffff0d);border:1px solid #fbbf244d;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 24px;font-size:14px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #fbbf2433,inset 0 0 20px #fbbf241a}.trophy-icon{filter:drop-shadow(0 0 10px #fbbf2480);font-size:18px;animation:2s ease-in-out infinite trophyBounce}@keyframes trophyBounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-5deg)}75%{transform:translateY(-3px)rotate(5deg)}}.badge-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s ease-in-out infinite badgeShineSweep;position:absolute;top:0;left:-100%}@keyframes badgeShineSweep{0%,to{left:-100%}50%{left:100%}}.section-title{margin-bottom:15px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;position:relative}.title-text{background:linear-gradient(135deg, #fff 0%, var(--neon-gold) 30%, var(--neon-blue) 60%, var(--neon-purple) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite titleGradient}.title-glow{filter:blur(20px);z-index:-1;background:radial-gradient(#00d4ff26,#0000 70%);animation:3s ease-in-out infinite titleGlowPulse;position:absolute;inset:-10px}@keyframes titleGlowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.section-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.swiper-container{max-width:1400px;margin:0 auto;padding:40px 0 80px;position:relative}.certificate-swiper{padding:50px 0!important;overflow:visible!important}.certificate-slide{transition:all .6s var(--transition-smooth);width:320px!important;height:auto!important}.certificate-slide:not(.swiper-slide-active){filter:blur(2px);opacity:.5}.certificate-slide.swiper-slide-active{filter:blur();opacity:1}.glass-card{background:var(--glass-bg);cursor:pointer;transition:all .4s var(--transition-smooth);transform-style:preserve-3d;will-change:transform, box-shadow;backface-visibility:hidden;border-radius:24px;padding:20px;position:relative}.glass-card:hover{background:#ffffff14}.card-border{background:linear-gradient(135deg, var(--accent-color,var(--neon-blue)) 0%, #ffffff1a 30%, var(--neon-purple) 70%, var(--accent-color,var(--neon-blue)) 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background-size:300% 300%;border-radius:24px;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover .card-border,.glass-card.active .card-border{opacity:1;animation:3s linear infinite borderRotate}@keyframes borderRotate{0%{background-position:0%}to{background-position:300%}}.card-glow{background:conic-gradient(from 0deg, var(--accent-color,var(--neon-blue)), var(--neon-purple), var(--neon-pink), var(--accent-color,var(--neon-blue)));opacity:0;filter:blur(25px);transition:opacity .5s var(--transition-smooth);z-index:-1;border-radius:27px;position:absolute;inset:-3px}.glass-card:hover .card-glow{opacity:.3}.glass-card.active .card-glow{opacity:.5;animation:2s ease-in-out infinite glowPulse}.card-particles{pointer-events:none;opacity:0;border-radius:24px;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.glass-card:hover .card-particles,.glass-card.active .card-particles{opacity:1}.card-particles span{background:var(--accent-color,var(--neon-blue));width:4px;height:4px;box-shadow:0 0 10px var(--accent-color,var(--neon-blue));border-radius:50%;animation:3s ease-in-out infinite particleFloat;position:absolute}.card-particles span:first-child{animation-delay:0s;top:20%;left:10%}.card-particles span:nth-child(2){animation-delay:1s;top:60%;right:15%}.card-particles span:nth-child(3){animation-delay:2s;bottom:20%;left:50%}@keyframes particleFloat{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-10px)scale(1.5)}}.card-shine{opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 0% 40%,#ffffff26 50%,#0000 60% 100%) 0 0/200% 200%;border-radius:24px;transition:opacity .3s;position:absolute;inset:0}.glass-card:hover .card-shine{opacity:1;animation:1.5s ease-in-out infinite shineMove}@keyframes shineMove{0%{background-position:200% 200%}to{background-position:-200% -200%}}.card-content{z-index:1;position:relative}.cert-image-wrapper{background:#0000004d;border-radius:16px;height:200px;margin-bottom:16px;position:relative;overflow:hidden}.image-overlay{opacity:0;pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#00000080 100%);transition:opacity .3s;position:absolute;inset:0}.glass-card:hover .image-overlay{opacity:1}.cert-image{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--transition-smooth);border-radius:16px}.glass-card:hover .cert-image{transform:scale(1.08)}.page-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);z-index:2;background:#000c;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px;font-size:12px;position:absolute;bottom:10px;right:10px}.cert-info{padding:5px}.cert-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:1.1rem;font-weight:600;transition:color .3s;overflow:hidden}.glass-card:hover .cert-title{color:var(--accent-color,var(--neon-blue))}.cert-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cert-issuer{color:var(--text-secondary);font-size:.9rem}.cert-date{color:var(--text-muted);font-size:.85rem}.cert-category{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .3s;display:inline-block}.glass-card:hover .cert-category{transform:translateY(-2px)}.nav-btn{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;z-index:10;width:50px;height:50px;transition:all .3s var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn svg{width:24px;height:24px;color:var(--text-primary);transition:transform .3s}.nav-btn:hover{border-color:var(--neon-blue);background:#00d4ff26;box-shadow:0 0 20px #00d4ff66,0 0 40px #00d4ff33,inset 0 0 20px #00d4ff1a}.nav-btn:hover svg{transform:scale(1.1)}.swiper-button-prev{left:20px}.swiper-button-next{right:20px}.swiper-button-prev:hover svg{transform:translate(-3px)}.swiper-button-next:hover svg{transform:translate(3px)}.swiper-button-prev:after,.swiper-button-next:after{display:none}.swiper-pagination-bullet{background:var(--glass-border);opacity:1;width:10px;height:10px;transition:all .3s}.swiper-pagination-bullet-active{background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue), 0 0 20px var(--neon-blue);transform:scale(1.3)}.modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;opacity:0;visibility:hidden;transition:all .4s var(--transition-smooth);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-secondary);opacity:0;width:100%;max-width:900px;max-height:90vh;transition:all .5s var(--transition-bounce);border-radius:24px;position:relative;overflow:hidden;transform:scale(.9)translateY(30px)}.modal-content.active{opacity:1;transform:scale(1)translateY(0)}.modal-neon-border{background:linear-gradient(135deg, var(--modal-accent,var(--neon-blue)), var(--neon-purple), var(--neon-pink), var(--modal-accent,var(--neon-blue)));-webkit-mask-composite:xor;pointer-events:none;background-size:400% 400%;border-radius:24px;padding:2px;animation:4s linear infinite modalBorderGlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes modalBorderGlow{0%{background-position:0%}to{background-position:400%}}.modal-content:before{content:"";background:linear-gradient(135deg, var(--modal-accent,var(--neon-blue)), var(--neon-purple));filter:blur(30px);opacity:.4;z-index:-1;border-radius:28px;animation:3s ease-in-out infinite modalGlowPulse;position:absolute;inset:-5px}@keyframes modalGlowPulse{0%,to{opacity:.3}50%{opacity:.5}}.modal-close{cursor:pointer;z-index:10;width:44px;height:44px;transition:all .3s var(--transition-smooth);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:15px;right:15px}.modal-close svg{width:20px;height:20px;color:var(--text-primary);transition:transform .3s}.modal-close:hover{border-color:var(--neon-pink);background:#fff3;box-shadow:0 0 20px #ec489966}.modal-close:hover svg{transform:rotate(90deg)}.modal-image-container{background:#0006;min-height:300px;position:relative}.image-loader{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader-spinner{border:3px solid #ffffff1a;border-top-color:var(--neon-blue);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.modal-image{object-fit:contain;opacity:0;width:100%;height:auto;max-height:60vh;transition:opacity .3s;display:block}.modal-image.loaded{opacity:1}.image-neon-frame{background:linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box, linear-gradient(135deg, var(--modal-accent,var(--neon-blue)) 0%, transparent 30%, transparent 70%, var(--neon-purple) 100%) border-box;pointer-events:none;opacity:.7;border:2px solid #0000;border-radius:12px;position:absolute;inset:15px;box-shadow:inset 0 0 30px #00d4ff1a,0 0 30px #00d4ff1a}.page-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:15px;padding:10px 24px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.page-nav-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.page-nav-btn:hover:not(:disabled){background:var(--neon-blue);border-color:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue)}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-count{color:var(--text-primary);text-align:center;min-width:60px;font-size:14px;font-weight:500}.modal-info{border-top:1px solid #ffffff1a;padding:25px 30px}.modal-title{color:var(--text-primary);margin-bottom:15px;font-size:1.5rem;font-weight:600}.modal-meta{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.modal-issuer,.modal-date{color:var(--text-secondary);font-size:1rem}.modal-category{border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:500;transition:transform .3s}.modal-category:hover{transform:scale(1.05)}@media (width<=1024px){.certificate-slide{width:280px!important}.nav-btn{width:44px;height:44px}.swiper-button-prev{left:10px}.swiper-button-next{right:10px}.bubble{opacity:.5}}@media (width<=768px){.certificate-section{padding:60px 15px}.section-header{margin-bottom:40px}.section-badge{padding:8px 18px;font-size:12px}.certificate-slide{width:260px!important}.glass-card{border-radius:20px;padding:15px}.cert-image-wrapper{border-radius:12px;height:180px}.cert-title{font-size:1rem}.nav-btn{width:40px;height:40px}.nav-btn svg{width:20px;height:20px}.bubble:nth-child(4),.bubble:nth-child(5){display:none}.modal-content{border-radius:20px;margin:10px}.modal-image{max-height:50vh}.modal-info{padding:20px}.modal-title{font-size:1.25rem}.modal-meta{gap:10px}.modal-issuer,.modal-date{font-size:.9rem}.image-neon-frame{inset:10px}}@media (width<=480px){.certificate-slide{width:240px!important}.cert-meta{flex-direction:column;align-items:flex-start;gap:5px}.nav-btn{display:none}.page-navigation{gap:10px;padding:8px 16px}.page-nav-btn{width:32px;height:32px;font-size:16px}.bubble:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.glass-card,.cert-image,.modal-overlay,.modal-content,.card-shine,.card-glow,.badge-shine,.title-text,.bubble,.modal-neon-border{transition:opacity .3s;animation:none!important}.glass-card:hover{transform:none!important}.floating-bubbles{display:none}}.glass-card:focus-visible,.nav-btn:focus-visible,.modal-close:focus-visible,.page-nav-btn:focus-visible{outline:2px solid var(--neon-blue);outline-offset:3px}@media (prefers-contrast:high){.glass-card{border:2px solid var(--text-primary)}.card-border,.card-glow,.card-shine{display:none}}.glass-card,.bubble,.card-glow,.modal-content{backface-visibility:hidden;transform:translateZ(0)}:root{--gradient-start:#0a0a0f;--gradient-mid:#1a1a2e;--gradient-end:#16213e;--glass-bg:#ffffff0d;--glass-bg-hover:#ffffff14;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--text-primary:#fffffff2;--text-secondary:#fff9;--text-muted:#fff6;--accent-primary:#00d4ff;--accent-secondary:#0f8;--accent-tertiary:#f0f;--glow-primary:#00d4ff66;--glow-secondary:#0f86;--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.4s;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px}.contact-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow-x:hidden}.gradient-background{background:linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-mid) 50%, var(--gradient-end) 100%);z-index:-3;width:100%;height:100%;position:fixed;top:0;left:0}.gradient-orb{filter:blur(80px);opacity:.4;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.gradient-orb-1{background:radial-gradient(circle, var(--accent-primary), transparent 70%);width:500px;height:500px;top:-200px;left:-150px}.gradient-orb-2{background:radial-gradient(circle, var(--accent-secondary), transparent 70%);width:400px;height:400px;animation-delay:-7s;bottom:-150px;right:-100px}.gradient-orb-3{background:radial-gradient(circle, var(--accent-tertiary), transparent 70%);opacity:.25;width:350px;height:350px;animation-delay:-14s;top:50%;left:50%}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.particles-container{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{width:var(--size);height:var(--size);left:var(--left);opacity:0;animation:floatUp var(--duration) var(--delay) infinite linear;background:#fff9;border-radius:50%;position:absolute;bottom:-10px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}10%{opacity:.5}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh)}}.grid-overlay{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:background var(--transition-normal) ease, border-color var(--transition-normal) ease, box-shadow var(--transition-normal) ease, transform var(--transition-normal) ease;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:0 16px 48px #0006,0 0 40px #00d4ff1a,inset 0 0 0 1px #ffffff1a}.main-card{text-align:center;z-index:1;width:100%;max-width:460px;padding:3rem 2.5rem}.logo-container{width:100px;height:100px;margin:0 auto 2rem;position:relative}.logo-glow{background:radial-gradient(circle, var(--glow-primary) 0%, transparent 70%);z-index:0;width:90px;height:90px;animation:3s ease-in-out infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.15)}}.logo{background:linear-gradient(135deg,#fff,#e0e0e0);color:#0000;z-index:1;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;width:100%;height:100%;font-family:Georgia,serif;font-size:3.5rem;font-weight:800;display:flex;position:relative}.heading{margin-bottom:1.75rem}.heading-line{color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.heading-highlight{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;display:block;position:relative}.highlight-underline{background:linear-gradient(90deg, transparent, var(--accent-primary), var(--accent-secondary), transparent);border-radius:1px;width:50%;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.email-display{border-radius:var(--radius-md);transition:all var(--transition-normal) ease;background:#ffffff08;border:1px solid #ffffff0f;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.875rem 1.25rem;display:flex}.email-display:hover{background:#ffffff0d;border-color:#ffffff1a}.email-icon{color:var(--accent-primary);display:flex}.email-icon svg{width:18px;height:18px}.email-link{color:var(--text-primary);transition:color var(--transition-fast) ease;font-size:.9rem;font-weight:500;text-decoration:none}.email-link:hover{color:var(--accent-primary)}.copy-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease;background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.copy-btn:hover{color:var(--accent-primary);background:#ffffff1a}.copy-btn svg{width:14px;height:14px}.cta-buttons{gap:.875rem;margin-bottom:1.25rem;display:flex}.cta-button{color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal) ease;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50px;flex:1;padding:.875rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#000;border:none}.cta-button.primary:hover{box-shadow:0 0 25px var(--glow-primary);transform:translateY(-2px)}.cta-button.secondary:hover{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 20px #00d4ff26}.cta-button .button-text{justify-content:center;align-items:center;gap:.5rem;display:flex}.cta-button .btn-icon{width:18px;height:18px}.live-indicator{align-items:center;margin-left:.25rem;display:flex}.live-dot{background:#0f8;border-radius:50%;width:7px;height:7px;animation:1.5s infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #0f89}50%{box-shadow:0 0 0 6px #0f80}}.response-time{color:var(--text-secondary);justify-content:center;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.response-time svg{width:14px;height:14px;color:var(--accent-primary)}.response-time strong{color:var(--accent-secondary)}.social-section{border-top:1px solid #ffffff0f;padding-top:1.25rem}.social-label{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem}.social-links{justify-content:center;gap:.875rem;display:flex}.social-icon{width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-normal) ease;animation:.4s forwards fadeInUp;animation-delay:var(--delay);opacity:0;background:#ffffff08;border:1px solid #ffffff0f;justify-content:center;align-items:center;text-decoration:none;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.social-icon:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff14;transform:translateY(-3px);box-shadow:0 8px 20px #00d4ff33}.social-icon svg{width:20px;height:20px}.availability-badge{color:var(--accent-secondary);background:#00ff8814;border:1px solid #00ff8826;border-radius:50px;align-items:center;gap:.4rem;margin-top:1.25rem;padding:.4rem .875rem;font-size:.75rem;display:inline-flex}.availability-dot{background:var(--accent-secondary);border-radius:50%;width:6px;height:6px;animation:2s infinite availablePulse}@keyframes availablePulse{0%,to{opacity:1}50%{opacity:.4}}.live-chat-container{z-index:1001;animation:.3s slideInChat;position:fixed;bottom:90px;right:20px}@keyframes slideInChat{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-window{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#14141ef2;border:1px solid #ffffff1a;flex-direction:column;width:360px;max-width:calc(100vw - 40px);height:480px;max-height:calc(100vh - 140px);display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.chat-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.chat-header-info{align-items:center;gap:.625rem;display:flex}.chat-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex;position:relative}.status-indicator{background:var(--accent-secondary);border:2px solid #14141ef2;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.status-indicator.online{animation:2s infinite onlinePulse}@keyframes onlinePulse{0%,to{box-shadow:0 0 #0f86}50%{box-shadow:0 0 0 5px #0f80}}.chat-header-text h4{color:var(--text-primary);margin:0 0 .15rem;font-size:.95rem}.status-text{color:var(--accent-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.pulse-dot{background:var(--accent-secondary);border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.chat-close-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-close-btn:hover{color:var(--text-primary);background:#ffffff1a;transform:rotate(90deg)}.chat-close-btn svg{width:16px;height:16px}.chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:.875rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.message{max-width:82%;display:flex}.message.bot{align-self:flex-start}.message.user{align-self:flex-end}.message-bubble{border-radius:var(--radius-md);padding:.75rem .875rem}.message.bot .message-bubble{background:#ffffff0f;border-bottom-left-radius:4px}.message.user .message-bubble{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-bottom-right-radius:4px}.message.user .message-bubble p{color:#000}.message-bubble p{color:var(--text-primary);margin:0;font-size:.85rem;line-height:1.45}.message-time{opacity:.6;margin-top:.3rem;font-size:.65rem;display:block}.message.user .message-time{color:#00000080}.message-bubble.typing{padding:.875rem}.typing-dots{gap:4px;display:flex}.typing-dots span{background:var(--text-secondary);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:first-child{animation-delay:-.3s}.typing-dots span:nth-child(2){animation-delay:-.15s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-input-area{background:#ffffff05;border-top:1px solid #ffffff0f;gap:.625rem;padding:.875rem;display:flex}.chat-input{color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast) ease;background:#ffffff0d;border:1px solid #ffffff14;outline:none;flex:1;padding:.75rem .875rem;font-family:inherit;font-size:.85rem}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff1a}.chat-send-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-md);color:#000;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast) ease;border:none;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{box-shadow:0 0 15px var(--glow-primary);transform:scale(1.05)}.chat-send-btn svg{width:20px;height:20px}.floating-chat-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#000;cursor:pointer;z-index:1000;width:58px;height:58px;transition:all var(--transition-normal) ease;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 6px 25px #00d4ff59}.floating-chat-btn:hover{transform:scale(1.08);box-shadow:0 10px 35px #00d4ff73}.floating-chat-btn svg{width:26px;height:26px}.chat-btn-glow{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s infinite chatBtnPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes chatBtnPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.chat-notification{color:#fff;background:#f44;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;animation:2s infinite notificationBounce;display:flex;position:absolute;top:-3px;right:-3px}@keyframes notificationBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.popup-overlay{-webkit-backdrop-filter:blur(8px);z-index:1002;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.25s overlayFadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.popup-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#14141ef7;border:1px solid #ffffff1a;width:100%;max-width:420px;max-height:calc(100vh - 2rem);padding:2.5rem 2rem 2rem;animation:.3s popupSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000080}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(25px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-card::-webkit-scrollbar{width:5px}.popup-card::-webkit-scrollbar-track{background:0 0}.popup-card::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.close-button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal) ease;z-index:10;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.875rem;right:.875rem}.close-button:hover{color:var(--text-primary);border-color:var(--accent-primary);background:#ffffff26;transform:rotate(90deg)}.close-button svg{width:16px;height:16px}.popup-header{text-align:center;margin-bottom:1.5rem}.popup-title{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.popup-subtitle{color:var(--text-secondary);font-size:.85rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.error-message{border-radius:var(--radius-md);color:#ff6b6b;background:#ff44441a;border:1px solid #f443;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.error-message svg{flex-shrink:0;width:18px;height:18px}.input-group{width:100%;position:relative}.glass-input{width:100%;color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-normal) ease;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff14;outline:none;padding:1.35rem 1rem 1rem;font-family:inherit;font-size:.95rem}.glass-input::placeholder{color:#0000}.glass-input:focus{border-color:var(--accent-primary);background:#ffffff0d;box-shadow:0 0 0 2px #00d4ff1a}.floating-label{color:var(--text-muted);pointer-events:none;transition:all var(--transition-fast) ease;font-size:.95rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.glass-input:focus~.floating-label,.glass-input:not(:placeholder-shown)~.floating-label{color:var(--accent-primary);font-size:.7rem;top:.6rem;transform:translateY(0)}.glass-textarea{resize:vertical;min-height:100px;padding-top:1.5rem}.glass-textarea~.floating-label{top:1rem;transform:translateY(0)}.glass-textarea:focus~.floating-label,.glass-textarea:not(:placeholder-shown)~.floating-label{top:.6rem}.input-highlight{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:0;height:2px;transition:width var(--transition-normal) ease;border-radius:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.glass-input:focus~.input-highlight{width:100%}.send-button{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#000;border:none;width:100%;margin-top:.5rem;padding:1rem 1.5rem}.send-button:hover{box-shadow:0 0 25px var(--glow-primary);transform:translateY(-2px)}.send-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;margin-right:.5rem;animation:.7s linear infinite spin}.alternative-contact{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0f;margin-top:1.25rem;padding-top:1.25rem;font-size:.8rem}.alternative-contact a{color:var(--accent-primary);transition:color var(--transition-fast) ease;margin-left:.25rem;font-weight:500;text-decoration:none}.alternative-contact a:hover{color:var(--accent-secondary)}.success-container{text-align:center;padding:1.5rem 0}.success-icon{background:#00ff881a;border:2px solid #00ff884d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;animation:.4s successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon svg{width:40px;height:40px;color:var(--accent-secondary)}.success-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.success-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (width<=768px){.contact-container{padding:1.25rem}.main-card{padding:2.25rem 1.75rem}.logo-container{width:85px;height:85px;margin-bottom:1.5rem}.logo{font-size:3rem}.heading-highlight{font-size:1.5rem}.cta-buttons{flex-direction:column}.cta-button{width:100%}.chat-window{width:320px;height:420px}.live-chat-container{bottom:80px;right:12px}.floating-chat-btn{width:52px;height:52px;bottom:16px;right:12px}}@media (width<=480px){.contact-container{padding:.875rem}.main-card{border-radius:var(--radius-lg);padding:1.75rem 1.25rem}.logo-container{width:70px;height:70px;margin-bottom:1.25rem}.logo{font-size:2.5rem}.heading-line{letter-spacing:1.5px;font-size:.75rem}.heading-highlight{font-size:1.3rem}.email-display{flex-wrap:wrap;gap:.4rem;padding:.75rem 1rem}.email-link{font-size:.8rem}.social-icon{width:40px;height:40px}.social-icon svg{width:18px;height:18px}.popup-card{max-height:calc(100vh - 1rem);margin:.5rem;padding:2rem 1.25rem 1.5rem}.popup-title{font-size:1.3rem}.chat-window{width:calc(100vw - 24px);height:calc(100vh - 110px);max-height:480px}.live-chat-container{bottom:75px;left:8px;right:8px}.floating-chat-btn{width:48px;height:48px;bottom:14px;right:10px}.floating-chat-btn svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gradient-orb,.particle{display:none}}.cta-button:focus-visible,.social-icon:focus-visible,.close-button:focus-visible,.chat-send-btn:focus-visible,.floating-chat-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.glass-input:focus-visible{outline:none}@media (width<=768px){.floating-chat-btn{bottom:80px;right:12px}}@media (width<=480px){.floating-chat-btn{bottom:90px;right:10px}}.glass-footer{-webkit-backdrop-filter:blur(12px);text-align:center;z-index:100;background:#ffffff1a;border-top:1px solid #fff3;width:100%;padding:15px 0;position:fixed;bottom:0;left:0}.footer-text{letter-spacing:1px;color:#fff;text-shadow:0 0 10px #fffc,0 0 20px #ffffff80,0 0 30px #ffffff4d;margin:0;font-size:14px;font-weight:500}