.premium-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2 0%,#fffffffa 100%);border:none;border-bottom:1px solid #fff3;padding:.8rem 0;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 32px #0000001a}.premium-navbar.scrolled{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);padding:.5rem 0;box-shadow:0 10px 40px #00000026}.navbar-background{opacity:0;background:linear-gradient(135deg,#667eea0d 0%,#ff77a60d 50%,#ffc1070d 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.premium-navbar:hover .navbar-background{opacity:1}.navbar-glow{filter:blur(20px);opacity:0;z-index:-1;background:linear-gradient(135deg,#667eea1a,#ff77a61a);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.premium-navbar.scrolled .navbar-glow{opacity:.3}.premium-logo{z-index:1001;align-items:center;gap:1rem;margin-right:auto;text-decoration:none;transition:all .3s;display:flex!important}.premium-logo:hover{transform:translateY(-2px)}.logo-container{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.logo-image{object-fit:cover;-webkit-mask-composite:xor;z-index:2;background:linear-gradient(135deg,#667eea,#f093fb,#f5576c) border-box;border:3px solid #0000;border-radius:50%;width:100%;height:100%;transition:all .3s;position:relative;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0)}.logo-fallback{color:#fff;z-index:2;background:linear-gradient(135deg,#667eea,#764ba2) padding-box padding-box;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:700;display:flex;position:relative}.premium-logo:hover .logo-image,.premium-logo:hover .logo-fallback{transform:scale(1.1)rotate(5deg);box-shadow:0 10px 30px #667eea4d}.logo-glow{filter:blur(10px);opacity:0;z-index:1;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;transition:opacity .3s;position:absolute;inset:-5px}.premium-logo:hover .logo-glow{opacity:.4}.logo-pulse{opacity:0;border:2px solid #667eea;border-radius:50%;animation:2s ease-out infinite logoPulse;position:absolute;inset:-2px}.premium-logo:hover .logo-pulse{opacity:1}@keyframes logoPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.logo-text{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-direction:column;font-size:1.4rem;font-weight:800;line-height:1.2;display:flex}.logo-subtitle{color:#64748b;margin-top:.2rem;font-size:.7rem;font-weight:600}.premium-nav{align-items:center;gap:.5rem;display:flex}.premium-nav-link{border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:block;position:relative;overflow:hidden;color:#475569!important;padding:.8rem 1.2rem!important}.premium-nav-link:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.premium-nav-link:hover:before{left:100%}.premium-nav-link:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;color:#1e293b!important}.premium-nav-link.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 25px #667eea4d;color:#fff!important}.nav-indicator{background:linear-gradient(135deg,#667eea,#f5576c);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.premium-nav-link:hover .nav-indicator{width:30px}.premium-nav-link.active .nav-indicator{width:40px}.nav-glow{filter:blur(15px);opacity:0;z-index:-1;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:12px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.premium-nav-link.active .nav-glow{opacity:.3}.premium-toggler{z-index:1001;background:0 0;border:none;border-radius:10px;width:40px;height:40px;padding:.5rem;transition:all .3s;display:block!important}.premium-toggler:hover{background:#667eea1a;transform:scale(1.1)}.toggler-icon{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex;position:relative}.toggler-icon span{transform-origin:50%;background:linear-gradient(135deg,#475569,#1e293b);border-radius:1px;height:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:block}.toggler-icon.open span:first-child{background:#667eea;transform:rotate(45deg)translate(6px,6px)}.toggler-icon.open span:nth-child(2){opacity:0;transform:scale(0)}.toggler-icon.open span:nth-child(3){background:#667eea;transform:rotate(-45deg)translate(6px,-6px)}.mobile-menu{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:1000;visibility:visible;background:linear-gradient(135deg,#fffffffa 0%,#fffffff2 100%);border-top:1px solid #fff3;border-radius:0 0 20px 20px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 20px 60px #00000026}.mobile-menu-content{padding:2rem 1rem}.premium-nav-mobile{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.premium-nav-mobile .premium-nav-link{text-align:center;justify-content:center;width:200px;margin:.3rem 0;padding:1rem 2rem!important}.mobile-hire-section{text-align:center;border-top:1px solid #ffffff1a;padding-top:1rem}.premium-hire-btn{color:#fff;background:linear-gradient(135deg,#ff7a00 0%,#ff9a3d 100%);border:none;border-radius:15px;align-items:center;gap:.8rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #ff7a004d}.premium-hire-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 15px 40px #ff7a0066}.premium-hire-btn:active{transform:translateY(-1px)}.btn-glow{filter:blur(15px);opacity:0;z-index:-1;background:linear-gradient(135deg,#ff7a00,#ff9a3d);border-radius:15px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.premium-hire-btn:hover .btn-glow{opacity:.6}.btn-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.btn-particles span{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute}.premium-hire-btn:hover .btn-particles span:first-child{animation:1s ease-out .1s particleFloat}.premium-hire-btn:hover .btn-particles span:nth-child(2){animation:1s ease-out .3s particleFloat}.premium-hire-btn:hover .btn-particles span:nth-child(3){animation:1s ease-out .5s particleFloat}@keyframes particleFloat{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--x,20px),var(--y,-20px))scale(0);opacity:0}}.scroll-progress{z-index:1001;background:#667eea1a;width:100%;height:3px;position:absolute;bottom:0;left:0;overflow:hidden}.progress-bar{background:linear-gradient(135deg,#667eea,#f5576c);border-radius:0 2px 2px 0;height:100%;transition:width .3s;position:relative}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:2s ease-in-out infinite progressShine;position:absolute;top:0;left:-100%}@keyframes progressShine{0%{left:-100%}to{left:100%}}@media (max-width:991.98px){.premium-logo{gap:.8rem;margin-right:auto}.logo-text{font-size:1.2rem}.logo-container{width:50px;height:50px}.premium-nav-link{font-size:.9rem;padding:.7rem 1rem!important}.mobile-menu{z-index:9999}.navbar-collapse.d-lg-block{display:none!important}}@media (min-width:992px){.premium-toggler,.mobile-menu{display:none!important}.navbar-collapse{display:flex!important}}@media (max-width:576px){.logo-text{font-size:1rem}.logo-subtitle{font-size:.6rem}.premium-hire-btn{padding:.7rem 1.5rem;font-size:.9rem}.premium-logo{margin-right:1rem}.mobile-menu-content{padding:1.5rem .5rem}.premium-nav-mobile .premium-nav-link{width:180px;padding:.8rem 1.5rem!important}}.navbar-actions{align-items:center;display:flex}.premium-navbar{z-index:9999}.container{z-index:1000;position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hero{z-index:1;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);min-height:100vh;margin-top:80px;position:relative;overflow:hidden}.hero-gradient{z-index:1;background-color:#0000;background-image:radial-gradient(circle at 20% 80%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0%,#0000 50%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:300%;height:300%;animation:15s ease-in-out infinite gradientShift;position:absolute;top:0;left:0}@keyframes gradientShift{0%,to{transform:translate(0%)rotate(0)}33%{transform:translate(-1%,-1%)rotate(1deg)}66%{transform:translate(1%,1%)rotate(-1deg)}}.particle{pointer-events:none;z-index:1;filter:blur(1px);background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border-radius:50%;position:absolute}.glass-bubble{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);pointer-events:none;z-index:1;transform-style:preserve-3d;will-change:transform,opacity;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;position:absolute;box-shadow:inset 0 0 20px #ffffff1a,0 8px 32px #0003,0 0 40px #7877c61a}.bubble-1{opacity:.4;width:120px;height:120px;top:10%;left:5%}.bubble-2{opacity:.3;width:80px;height:80px;top:20%;left:85%}.bubble-3{opacity:.35;width:100px;height:100px;top:60%;left:8%}.bubble-4{opacity:.25;width:60px;height:60px;top:75%;left:90%}.bubble-5{opacity:.3;width:140px;height:140px;top:85%;left:15%}.bubble-6{opacity:.4;width:70px;height:70px;top:15%;left:70%}.bubble-7{opacity:.35;width:90px;height:90px;top:35%;left:88%}.bubble-8{opacity:.3;width:110px;height:110px;top:50%;left:75%}.bubble-9{opacity:.2;width:50px;height:50px;top:25%;left:55%}.bubble-10{opacity:.25;width:130px;height:130px;top:65%;left:60%}.premium-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem!important}.premium-subtitle{color:#ffffffe6;margin-bottom:2rem;font-size:1.3rem;line-height:1.6}.gradient-text{background:linear-gradient(135deg,#06d69f 0%,#4facfe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.text-highlight{background:linear-gradient(135deg,#ff6b6b 0%,#feca57 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.btn-premium{color:#fff;transform-style:preserve-3d;background:linear-gradient(135deg,#06d69f 0%,#4facfe 100%);border:none;border-radius:15px;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.btn-premium:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 20px 40px #06d69f4d,0 0 30px #06d69f33}.btn-outline-premium{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:2px solid #ffffff4d;border-radius:15px;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.btn-outline-premium:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 15px 30px #ffffff1a}.btn-glow{filter:blur(20px);opacity:0;z-index:-1;background:linear-gradient(135deg,#06d69f 0%,#4facfe 100%);border-radius:15px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.btn-premium:hover .btn-glow{opacity:.6}.image-container{position:relative}.premium-image-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:350px;height:350px;animation:6s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 0 60px #667eea66,inset 0 0 60px #ffffff1a}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}.premium-profile-image{object-fit:cover;border:4px solid #ffffff1a;border-radius:50%;transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 40px #0000004d,inset 0 0 40px #ffffff1a;width:320px!important;height:320px!important}.premium-image-wrapper:hover .premium-profile-image{transform:scale(1.05)rotate(2deg);box-shadow:0 0 80px #667eea99,inset 0 0 40px #fff3}.floating-element{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;animation:4s ease-in-out infinite floatBadge;display:flex;position:absolute}.react-badge{background:linear-gradient(135deg,#61dafb 0%,#21a1c4 100%);animation-delay:0s;top:20px;right:30px}.js-badge{background:linear-gradient(135deg,#f7df1e 0%,#d6ba09 100%);animation-delay:1s;bottom:40px;right:10px}.node-badge{background:linear-gradient(135deg,#68a063 0%,#3c873a 100%);animation-delay:2s;bottom:20px;left:30px}@keyframes floatBadge{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.1)}}.experience-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:20px;padding:15px 20px;animation:3s ease-in-out infinite badgePulse;position:absolute;top:30px;right:-10px;box-shadow:0 10px 30px #0003}.badge-content{align-items:center;gap:10px;display:flex}.badge-title{font-size:1.1rem;font-weight:700}.badge-subtitle{opacity:.8;font-size:.9rem}.badge-glow{filter:blur(15px);opacity:.3;z-index:-1;background:linear-gradient(135deg,#06d69f 0%,#4facfe 100%);border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stats-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-around;align-items:center;margin-top:2rem;padding:25px;display:flex;box-shadow:0 10px 30px #0000001a}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg,#06d69f 0%,#4facfe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:#ffffffb3;margin-top:5px;font-size:.9rem}.stat-divider{background:linear-gradient(#0000,#ffffff4d,#0000);width:1px;height:40px}.scroll-indicator{text-align:center;color:#fff9;z-index:2;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#fff9,#0000);width:1px;height:50px;margin:0 auto 10px;animation:2s ease-in-out infinite scrollLine}@keyframes scrollLine{0%,to{opacity:1;height:50px}50%{opacity:.5;height:70px}}.scroll-text{letter-spacing:2px;text-transform:uppercase;font-size:.8rem}.floating-orb{z-index:0;background:radial-gradient(circle,#7877c61a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:20s linear infinite orbRotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:992px){.premium-title{font-size:3rem}.premium-subtitle{font-size:1.1rem}.premium-image-wrapper{width:280px;height:280px}.premium-profile-image{width:250px!important;height:250px!important}.stats-bar{padding:20px}.stat-number{font-size:1.5rem}}@media (max-width:768px){.premium-title{font-size:2.5rem}.premium-image-wrapper{width:240px;height:240px}.premium-profile-image{width:220px!important;height:220px!important}.stats-bar{flex-direction:column;gap:15px}.stat-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100px;height:1px}}.z-2{z-index:2}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.about-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);padding:0;position:relative;overflow:hidden}.background-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-shape{filter:blur(40px);background:linear-gradient(135deg,#3b82f61a 0%,#a855f71a 100%);border-radius:50%;position:absolute}.shape-1{width:300px;height:300px;animation:8s ease-in-out infinite floatShape;top:10%;left:5%}.shape-2{width:200px;height:200px;animation:6s ease-in-out infinite reverse floatShape;top:60%;right:10%}.shape-3{width:150px;height:150px;animation:10s ease-in-out infinite floatShape;bottom:20%;left:20%}@keyframes floatShape{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(180deg)}}.about-particle{opacity:.6;filter:blur(1px);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;width:6px;height:6px;position:absolute}.section-header{margin-bottom:3rem}.section-title{background:linear-gradient(135deg,#1e40af 0%,#7c3aed 50%,#dc2626 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;animation:3s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.title-underline{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;width:100px;height:4px;margin:0 auto;position:relative}.title-underline:after{content:"";background:#3b82f6;border-radius:4px;width:30px;height:8px;animation:2s ease-in-out infinite underlineMove;position:absolute;top:-2px;left:0}@keyframes underlineMove{0%,to{left:0;transform:scaleX(1)}50%{left:70px;transform:scaleX(.5)}}.section-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.3rem;font-weight:400;line-height:1.7}.content-wrapper{z-index:2;padding-right:2rem;position:relative}.section-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:25px;margin-bottom:2rem;padding:8px 20px;font-size:.9rem;font-weight:600;display:inline-block;box-shadow:0 4px 15px #3b82f64d}.content-title{color:#1e293b;margin-bottom:1.5rem;font-size:2.2rem;font-weight:700;line-height:1.3}.content-text{color:#64748b;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.highlight-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.tech-stack{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.tech-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;box-shadow:0 4px 15px #0000001a}.tech-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.skill-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);border:1px solid #ffffff80;border-radius:20px;height:100%;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a,inset 0 1px #fffc}.skill-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.skill-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px #3b82f633,inset 0 1px #fffc}.card-glow{opacity:0;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:20px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.skill-card:hover .card-glow{opacity:1}.card-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.5rem;display:flex;box-shadow:0 8px 20px #3b82f64d}.card-title{color:#1e293b;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.card-text{color:#64748b;margin:0;line-height:1.6}.image-container{z-index:2;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.image-wrapper{border-radius:30px;max-width:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026,0 0 100px #3b82f61a}.premium-image{z-index:2;border-radius:30px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;width:100%!important;height:auto!important}.image-wrapper:hover .premium-image{transform:scale(1.05)rotate(1deg)}.image-frame{z-index:1;opacity:.7;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/400% 400%;border:2px solid #0000;border-radius:35px;animation:4s linear infinite frameRotate;position:absolute;inset:-10px}@keyframes frameRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.image-glow{filter:blur(20px);z-index:1;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-element{color:#fff;z-index:3;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;animation:6s ease-in-out infinite floatElement;display:flex;position:absolute;box-shadow:0 8px 25px #3b82f64d}.code-element{animation-delay:0s;top:20px;right:30px}.design-element{animation-delay:2s;bottom:40px;left:20px}.rocket-element{animation-delay:4s;top:50%;right:-25px}@keyframes floatElement{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.experience-floating-badge{color:#fff;z-index:4;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50px;padding:12px 20px;font-weight:600;animation:2s ease-in-out infinite badgePulse;position:absolute;bottom:30px;right:30px;box-shadow:0 10px 30px #3b82f666}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-content{align-items:center;gap:.5rem;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.stat-item{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:15px;padding:1.5rem;box-shadow:0 8px 25px #0000001a}.stat-number{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.stat-label{color:#64748b;font-size:.9rem;font-weight:600}@media (max-width:1200px){.content-wrapper{padding-right:1rem}.content-title{font-size:2rem}}@media (max-width:992px){.content-wrapper{margin-bottom:3rem;padding-right:0}.section-title{font-size:3rem}.content-title{font-size:1.8rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.image-container{margin-top:2rem}}@media (max-width:768px){.about-section{padding:80px 0}.section-title{font-size:2.5rem}.content-title{font-size:1.6rem}.tech-stack{justify-content:center}.stats-grid{grid-template-columns:1fr;gap:1rem}.floating-element{width:40px;height:40px;font-size:1rem}.experience-floating-badge{padding:8px 15px;font-size:.9rem;bottom:15px;right:15px}}@media (max-width:576px){.section-title{font-size:2rem}.content-title{font-size:1.4rem}.skill-card{padding:1.5rem}.card-icon{width:50px;height:50px;font-size:1.2rem}}.py-6{padding-top:6rem!important;padding-bottom:6rem!important}.mb-6{margin-bottom:4rem!important}#about{scroll-margin-top:100px}.row.align-items-center{align-items:center!important}.row.justify-content-between{justify-content:space-between!important}
.skills-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);position:relative;overflow:hidden}.background-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-orb{filter:blur(60px);opacity:.1;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea,#764ba2);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:300px;height:300px;animation-delay:2s;bottom:-50px;right:-50px}.orb-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:200px;height:200px;animation-delay:4s;top:50%;left:60%}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.1)}}.animated-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.skill-particle{opacity:.3;filter:blur(1px);background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;position:absolute}.section-header{margin-bottom:3rem}.section-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fbcfe8 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;animation:3s infinite titleGradient}@keyframes titleGradient{0%,to{background-position:0%}50%{background-position:100%}}.title-underline{background:linear-gradient(135deg,#667eea,#f5576c);border-radius:2px;width:80px;height:4px;margin:0 auto;position:relative;overflow:hidden}.title-underline:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:100%;animation:2s ease-in-out infinite underlineShine;position:absolute;top:0;left:-100%}@keyframes underlineShine{0%{left:-100%}to{left:100%}}.section-subtitle{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.2rem;font-weight:400;line-height:1.7}.premium-skill-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;height:100%;transform-style:preserve-3d;perspective:1000px;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:24px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.premium-skill-card:before{content:"";background:var(--card-gradient);opacity:0;border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.premium-skill-card:hover:before{opacity:.1}.premium-skill-card:hover{box-shadow:0 25px 50px #0000004d,0 0 80px var(--card-color,#667eea33);border-color:#ffffff4d;transform:translateY(-15px)scale(1.03)}.card-glow{background:var(--card-gradient);filter:blur(20px);opacity:0;z-index:-1;border-radius:24px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.premium-skill-card:hover .card-glow{opacity:.3}.card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.icon-container{text-align:center;margin-bottom:2rem}.icon-wrapper{display:inline-block;position:relative}.skill-icon{filter:grayscale(.3);font-size:3.5rem;transition:all .4s;display:block}.premium-skill-card:hover .skill-icon{filter:grayscale(0);transform:scale(1.2)rotate(5deg)}.icon-glow{background:var(--card-gradient);filter:blur(15px);opacity:0;z-index:-1;border-radius:50%;width:80px;height:80px;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-skill-card:hover .icon-glow{opacity:.4}.skill-info{flex:1;margin-bottom:1.5rem}.skill-title{color:#fff;text-align:center;margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:1.3}.skill-tech{color:#cbd5e1;text-align:center;margin:0;font-size:.95rem;line-height:1.6}.progress-container{margin-top:auto}.progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-fill{transform-origin:0;border-radius:3px;width:85%;height:100%;animation:1.5s ease-out .5s forwards progressFill;transform:scaleX(0)}@keyframes progressFill{to{transform:scaleX(1)}}.progress-text{color:#94a3b8;text-align:center;font-size:.8rem;font-weight:600;display:block}.hover-layer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.premium-skill-card:hover .hover-layer{left:100%}.corner-decoration{opacity:0;width:20px;height:20px;transition:all .4s;position:absolute}.corner-decoration:before,.corner-decoration:after{content:"";background:var(--card-color,#667eea);position:absolute}.corner-decoration:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.corner-decoration:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.top-left{top:15px;left:15px}.top-right{top:15px;right:15px}.bottom-left{bottom:15px;left:15px}.bottom-right{bottom:15px;right:15px}.premium-skill-card:hover .corner-decoration{opacity:1}.premium-skill-card:hover .top-left{top:10px;left:10px}.premium-skill-card:hover .top-right{top:10px;right:10px}.premium-skill-card:hover .bottom-left{bottom:10px;left:10px}.premium-skill-card:hover .bottom-right{bottom:10px;right:10px}.skills-stats{margin-top:4rem}.stat-item{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s}.stat-item:hover{border-color:#fff3;transform:translateY(-5px)}.stat-number{background:linear-gradient(135deg,#667eea,#f5576c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1}.stat-label{color:#cbd5e1;font-size:1rem;font-weight:600}.py-6{padding-top:6rem!important;padding-bottom:6rem!important}.mb-6{margin-bottom:4rem!important}.mt-6{margin-top:4rem!important}.z-2{z-index:2}#skills{scroll-margin-top:80px}@media (max-width:992px){.section-title{font-size:3rem}.premium-skill-card{padding:2rem 1.5rem}.skill-icon{font-size:3rem}}@media (max-width:768px){.skills-section{padding:80px 0}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}.stat-number{font-size:2.5rem}}@media (max-width:576px){.section-title{font-size:2rem}.premium-skill-card{padding:1.5rem 1rem}.skill-icon{font-size:2.5rem}.skill-title{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.services-section{perspective:2000px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);position:relative;overflow:hidden}.background-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-orb{filter:blur(80px);opacity:.08;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea,#764ba2);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.orb-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:400px;height:400px;animation-delay:4s;bottom:-100px;right:-100px}.orb-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:300px;height:300px;animation-delay:8s;top:50%;left:70%}@keyframes orbFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-40px)rotate(120deg)scale(1.1)}66%{transform:translateY(20px)rotate(240deg)scale(.9)}}.animated-grid{width:100%;height:100%;transform-style:preserve-3d;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;animation:30s linear infinite gridMove;position:absolute;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)rotateX(60deg)}to{transform:translate(60px,60px)rotateX(60deg)}}.service-particle{opacity:.4;filter:blur(1px);transform-style:preserve-3d;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;position:absolute}.section-header{margin-bottom:3rem}.section-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fbcfe8 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;animation:4s infinite titleGradient}@keyframes titleGradient{0%,to{background-position:0%}50%{background-position:100%}}.title-underline{background:linear-gradient(135deg,#667eea,#f5576c);border-radius:2px;width:100px;height:4px;margin:0 auto;position:relative;overflow:hidden}.title-underline:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:100%;animation:3s ease-in-out infinite underlineShine;position:absolute;top:0;left:-100%}@keyframes underlineShine{0%{left:-100%}to{left:100%}}.section-subtitle{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.2rem;font-weight:400;line-height:1.7}.premium-cube-card{perspective:1500px;cursor:pointer;width:100%;height:380px;transform-style:preserve-3d;position:relative}.cube-glow{background:var(--service-gradient);filter:blur(25px);opacity:0;z-index:0;border-radius:25px;transition:all .6s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:-10px}.premium-cube-card:hover .cube-glow{opacity:.3}.premium-cube-card.is-flipped .cube-glow{opacity:.5}.premium-cube-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative;transform:rotateY(0)}.premium-cube-card.is-flipped .premium-cube-inner{transform:rotateY(180deg)}.cube-face{backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;border-radius:20px;justify-content:center;align-items:center;padding:2.5rem;display:flex;position:absolute}.cube-front{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;box-shadow:0 25px 50px #00000040,inset 0 1px #ffffff1a}.face-content{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;transform:translateZ(40px)}.icon-container{margin-bottom:1.5rem}.icon-wrapper{display:inline-block;position:relative}.icon-wrapper i{background:var(--service-gradient);-webkit-text-fill-color:transparent;filter:brightness(1.2);-webkit-background-clip:text;background-clip:text;font-size:3rem}.icon-glow{background:var(--service-gradient);filter:blur(20px);opacity:.3;z-index:-1;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.service-info{flex:1;margin-bottom:1.5rem}.service-title{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:700;line-height:1.3}.service-desc{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.6}.tech-stack{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;transition:all .3s}.tech-tag.more{background:var(--service-gradient);color:#fff}.tech-tag:hover{border-color:#ffffff4d;transform:translateY(-2px)}.cta-indicator{color:#94a3b8;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.indicator-arrow{background:var(--service-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;animation:2s ease-in-out infinite arrowPulse;display:flex}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.cube-back{background:var(--service-gradient);color:#fff;overflow:hidden;transform:rotateY(180deg)}.back-icon{margin-bottom:1.5rem;position:relative}.back-icon i{filter:drop-shadow(0 4px 8px #0003);font-size:2.5rem}.back-icon-glow{filter:blur(15px);background:#ffffff4d;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.back-content{text-align:center;margin-bottom:2rem}.back-title{text-shadow:0 2px 4px #0003;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.back-desc{opacity:.9;margin:0;font-size:.9rem;line-height:1.5}.feature-list{flex-direction:column;gap:.5rem;max-height:120px;margin-bottom:2rem;display:flex;overflow-y:auto}.feature-item{opacity:.9;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.feature-item i{color:#fffc;font-size:.7rem}.action-button{margin-top:auto}.btn-glow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-glow:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.cube-top,.cube-bottom,.cube-left,.cube-right{transform-style:preserve-3d;background:#ffffff0d;border:1px solid #ffffff1a}.cube-top{height:40px;transform:rotateX(90deg)translateZ(190px)}.cube-bottom{height:40px;transform:rotateX(-90deg)translateZ(190px)}.cube-left{width:40px;transform:rotateY(-90deg)translateZ(190px)}.cube-right{width:40px;transform:rotateY(90deg)translateZ(190px)}.corner-decoration{opacity:0;width:15px;height:15px;transition:all .4s;position:absolute}.corner-decoration:before,.corner-decoration:after{content:"";background:var(--service-color);position:absolute}.corner-decoration:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.corner-decoration:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.cube-face:hover .corner-decoration{opacity:1}.top-left{top:10px;left:10px}.top-right{top:10px;right:10px}.bottom-left{bottom:10px;left:10px}.bottom-right{bottom:10px;right:10px}.back-pattern{opacity:.1;background-image:radial-gradient(circle at 25% 25%,#ffffff4d 2px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff4d 2px,#0000 0);background-size:30px 30px;width:100%;height:100%;animation:20s linear infinite patternMove;position:absolute;top:0;left:0}@keyframes patternMove{0%{background-position:0 0}to{background-position:30px 30px}}.external-glow{background:var(--service-gradient);filter:blur(15px);opacity:0;z-index:-1;border-radius:25px;transition:opacity .4s;position:absolute;inset:-5px}.premium-cube-card:hover .external-glow{opacity:.2}.cta-section{margin-top:4rem}.cta-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:30px;padding:3rem;position:relative;overflow:hidden}.cta-content:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta-content:hover:before{left:100%}.cta-title{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-subtitle{color:#cbd5e1;margin-bottom:2rem;font-size:1.1rem}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;align-items:center;gap:.8rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #667eea4d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea66}.py-6{padding-top:6rem!important;padding-bottom:6rem!important}.mb-6{margin-bottom:4rem!important}.mt-6{margin-top:4rem!important}.z-2{z-index:2}#services{scroll-margin-top:80px}@media (max-width:992px){.section-title{font-size:3rem}.premium-cube-card{height:350px}.cube-face{padding:2rem}}@media (max-width:768px){.services-section{padding:80px 0}.section-title{font-size:2.5rem}.cta-title{font-size:2rem}.premium-cube-card{height:320px}}@media (max-width:576px){.section-title{font-size:2rem}.premium-cube-card{height:300px}.cube-face{padding:1.5rem}.cta-content{padding:2rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.premium-footer{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);position:relative;overflow:hidden}.footer-background{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-orb{filter:blur(60px);opacity:.1;border-radius:50%;animation:15s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea,#764ba2);width:400px;height:400px;animation-delay:0s;top:-200px;left:-100px}.orb-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:300px;height:300px;animation-delay:5s;bottom:-150px;right:-50px}@keyframes orbFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-30px)rotate(120deg)scale(1.1)}66%{transform:translateY(20px)rotate(240deg)scale(.9)}}.connection-waves{width:100%;height:100%;position:absolute;top:0;left:0}.wave{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:2px;animation:4s linear infinite waveFlow;position:absolute}.wave-1{width:100%;animation-delay:0s;top:20%}.wave-2{width:80%;animation-delay:1s;top:50%;left:10%}.wave-3{width:60%;animation-delay:2s;top:80%;left:20%}@keyframes waveFlow{0%{background-position:-100% 0}to{background-position:200% 0}}.footer-particle{opacity:.3;filter:blur(1px);background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;position:absolute}.floating-tech-element{color:#fff3;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;position:absolute}.footer-content{z-index:2;padding:5rem 0 2rem;position:relative}.developer-info{padding-right:2rem}.developer-avatar{width:80px;height:80px;margin-bottom:1.5rem;position:relative}.avatar-glow{filter:blur(10px);opacity:.5;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:3s ease-in-out infinite avatarGlow;position:absolute;inset:-5px}@keyframes avatarGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.avatar-content{color:#fff;z-index:2;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;display:flex;position:relative;box-shadow:0 8px 25px #667eea4d}.developer-name{color:#fff;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.developer-title{color:#667eea;margin-bottom:1rem;font-size:1rem;font-weight:600}.developer-description{color:#cbd5e1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.developer-stats{gap:1.5rem;display:flex}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg,#667eea,#f5576c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:#94a3b8;margin-top:.25rem;font-size:.8rem;font-weight:600}.section-title{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(135deg,#667eea,#f5576c);border-radius:1px;width:30px;height:2px;position:absolute;bottom:-8px;left:0}.nav-links{color:#cbd5e1;margin:0;padding:0;list-style:none}.quick-link-item{margin-bottom:.8rem}.nav-link{color:#fff;align-items:center;gap:.8rem;padding:.5rem 0;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#fff;transform:translate(5px)}.link-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:all .3s;display:flex}.nav-link:hover .link-icon{background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotate(45deg)}.services-list{margin:0;padding:0;list-style:none}.service-item{align-items:center;gap:.8rem;margin-bottom:.8rem;padding:.5rem 0;transition:all .3s;display:flex;position:relative}.service-icon{color:#0f172a;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.service-text{color:#cbd5e1;font-weight:500;transition:all .3s}.service-glow{opacity:0;z-index:-1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;transition:opacity .3s;position:absolute;inset:0 -10px}.service-item:hover .service-glow{opacity:.1}.service-item:hover .service-text{color:#fff;transform:translate(5px)}.connect-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:20px;height:100%;padding:2rem}.connect-description{color:#cbd5e1;margin-bottom:2rem;line-height:1.6}.contact-info{margin-bottom:2rem}.contact-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s;display:flex}.contact-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.contact-icon{color:#667eea;background:#667eea1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.contact-label{color:#94a3b8;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.contact-value{color:#fff;font-size:.95rem;font-weight:600}.social-title{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.social-links{flex-wrap:wrap;gap:1rem;display:flex}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-glow{background:var(--social-color);filter:blur(10px);opacity:0;z-index:-1;border-radius:15px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-link:hover .social-glow{opacity:.3}.social-link:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.social-tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#000c;border-radius:8px;padding:.4rem .8rem;font-size:.7rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.social-link:hover .social-tooltip{opacity:1}.footer-divider{justify-content:center;align-items:center;margin:2rem 0;display:flex;position:relative}.divider-line{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);flex:1;height:1px}.divider-orb{background:#667eea;border-radius:50%;width:8px;height:8px;margin:0 1rem;animation:2s ease-in-out infinite orbPulse}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #667eea}50%{transform:scale(1.3);box-shadow:0 0 20px #667eea}}.footer-bottom{border-top:1px solid #ffffff1a;padding:2rem 0 1rem}.copyright{flex-direction:column;gap:.5rem;display:flex}.copyright-text{color:#94a3b8;font-size:.9rem;font-weight:500}.copyright-sub{color:#64748b;font-size:.8rem}.footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.back-to-top-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 5px 15px #667eea4d}.back-to-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.tech-badges{gap:.5rem;display:flex}.tech-badge{color:#cbd5e1;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:15px;padding:.3rem .8rem;font-size:.7rem;font-weight:600;transition:all .3s}.tech-badge:hover{color:#fff;background:#ffffff26;transform:translateY(-2px)}.floating-cta{z-index:1000;position:fixed;bottom:30px;right:30px}.cta-bubble{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;animation:3s ease-in-out infinite bubbleFloat;display:flex;position:relative;box-shadow:0 10px 30px #667eea66}.cta-pulse{border:2px solid #667eea;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-5px}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.z-2{z-index:2}@media (max-width:768px){.footer-content{padding:3rem 0 1rem}.developer-info{text-align:center;padding-right:0}.developer-avatar{margin:0 auto 1.5rem}.developer-stats{justify-content:center}.connect-section{padding:1.5rem}.footer-actions{justify-content:center;margin-top:1rem}.social-links{justify-content:center}}@media (max-width:576px){.section-title{font-size:1.1rem}.developer-name{font-size:1.3rem}.contact-item{text-align:center;flex-direction:column;gap:.5rem}.tech-badges{justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.contact-section{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);position:relative;overflow:hidden}.animated-background{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floating-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:linear-gradient(135deg,#667eea,#764ba2);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.orb-2{background:linear-gradient(135deg,#f093fb,#f5576c);width:400px;height:400px;animation-delay:4s;bottom:-100px;right:-100px}.orb-3{background:linear-gradient(135deg,#4facfe,#00f2fe);width:300px;height:300px;animation-delay:8s;top:50%;left:70%}@keyframes orbFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-40px)rotate(120deg)scale(1.1)}66%{transform:translateY(20px)rotate(240deg)scale(.9)}}.connection-network{width:100%;height:100%;position:absolute;top:0;left:0}.network-node{filter:blur(1px);background:#667eea;border-radius:50%;width:8px;height:8px;position:absolute}.node-1{animation:2s ease-in-out infinite nodePulse;top:20%;left:15%}.node-2{animation:2s ease-in-out .5s infinite nodePulse;top:60%;left:80%}.node-3{animation:2s ease-in-out 1s infinite nodePulse;top:80%;left:25%}.network-line{transform-origin:0;background:linear-gradient(90deg,#0000,#667eea,#0000);height:1px;animation:3s linear infinite lineFlow;position:absolute}.line-1{width:65%;animation-delay:0s;top:20%;left:15%;transform:rotate(15deg)}.line-2{width:60%;animation-delay:1s;top:60%;left:20%;transform:rotate(-10deg)}.line-3{width:55%;animation-delay:2s;top:80%;left:25%;transform:rotate(5deg)}@keyframes nodePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes lineFlow{0%{background-position:-100% 0}to{background-position:200% 0}}.contact-particle{opacity:.4;filter:blur(1px);background:linear-gradient(135deg,#667eea,#f5576c);border-radius:50%;position:absolute}.floating-element{opacity:.3;filter:drop-shadow(0 0 10px #ffffff80);font-size:1.5rem;position:absolute}.section-header{margin-bottom:3rem}.section-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fbcfe8 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800;animation:4s infinite titleGradient}@keyframes titleGradient{0%,to{background-position:0%}50%{background-position:100%}}.title-underline{background:linear-gradient(135deg,#667eea,#f5576c);border-radius:2px;width:100px;height:4px;margin:0 auto;position:relative;overflow:hidden}.title-underline:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;height:100%;animation:3s ease-in-out infinite underlineShine;position:absolute;top:0;left:-100%}@keyframes underlineShine{0%{left:-100%}to{left:100%}}.section-subtitle{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.3rem;font-weight:400;line-height:1.7;position:relative}.availability-badge{color:#0f172a;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:25px;margin-left:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;animation:2s ease-in-out infinite badgePulse;display:inline-block}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 20px #43e97b66}50%{transform:scale(1.05);box-shadow:0 0 30px #43e97b99}}.premium-contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;height:320px;transform-style:preserve-3d;perspective:1000px;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:25px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.premium-contact-card:before{content:"";background:var(--card-gradient);opacity:0;border-radius:25px;transition:opacity .4s;position:absolute;inset:0}.premium-contact-card:hover:before{opacity:.1}.premium-contact-card:hover{box-shadow:0 35px 70px #0006,0 0 100px var(--card-color,#667eea4d);border-color:#ffffff4d;transform:translateY(-20px)scale(1.05)}.card-glow{background:var(--card-gradient);filter:blur(25px);opacity:0;z-index:-1;border-radius:25px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.premium-contact-card:hover .card-glow{opacity:.4}.card-pattern{opacity:.05;background-image:radial-gradient(circle at 25% 25%,#fffc 2px,#0000 0),radial-gradient(circle at 75% 75%,#fffc 2px,#0000 0);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite patternMove;position:absolute;top:0;left:0}@keyframes patternMove{0%{background-position:0 0}to{background-position:50px 50px}}.card-content{z-index:2;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.icon-container{margin-bottom:2rem;position:relative}.icon-orb{background:var(--card-gradient);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;transition:all .3s;display:flex;position:relative;box-shadow:0 10px 30px #0000004d,inset 0 1px #fff3}.premium-contact-card:hover .icon-orb{transform:scale(1.1)rotate(10deg);box-shadow:0 15px 40px #0006,inset 0 1px #ffffff4d}.icon-aura{background:var(--card-gradient);filter:blur(15px);opacity:.5;border-radius:50%;width:100px;height:100px;animation:3s ease-in-out infinite auraPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes auraPulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.2)}}.pulse-ring{border:2px solid var(--card-color);opacity:0;border-radius:50%;width:120px;height:120px;animation:2s ease-out infinite ringPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ringPulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.info-content{flex:1;margin-bottom:1.5rem}.info-title{color:#fff;margin-bottom:1rem;font-size:1.4rem;font-weight:700;line-height:1.3}.info-main{color:#e2e8f0;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.info-sub{color:#94a3b8;margin:0;font-size:.9rem;line-height:1.4}.action-indicator{flex-direction:column;align-items:center;gap:.5rem;display:flex}.indicator-dots{gap:.3rem;display:flex}.indicator-dots span{background:var(--card-color);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both dotBounce}.indicator-dots span:first-child{animation-delay:-.32s}.indicator-dots span:nth-child(2){animation-delay:-.16s}.indicator-dots span:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.indicator-text{color:#94a3b8;font-size:.8rem;font-weight:600}.animated-border{background:var(--card-gradient);z-index:-1;opacity:0;border-radius:27px;transition:opacity .4s;position:absolute;inset:-2px}.premium-contact-card:hover .animated-border{opacity:1;animation:3s linear infinite borderRotate}@keyframes borderRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.corner-decoration{opacity:0;width:20px;height:20px;transition:all .4s;position:absolute}.corner-decoration:before,.corner-decoration:after{content:"";background:var(--card-color);position:absolute}.corner-decoration:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.corner-decoration:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.premium-contact-card:hover .corner-decoration{opacity:1}.top-left{top:15px;left:15px}.top-right{top:15px;right:15px}.bottom-left{bottom:15px;left:15px}.bottom-right{bottom:15px;right:15px}.cta-section{margin-bottom:4rem}.cta-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:30px;padding:4rem;position:relative;overflow:hidden}.cta-glow{filter:blur(40px);opacity:.1;z-index:-1;background:linear-gradient(135deg,#667eea,#f5576c);border-radius:30px;width:100%;height:100%;position:absolute;top:0;left:0}.cta-title{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-subtitle{color:#cbd5e1;margin-bottom:2.5rem;font-size:1.2rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.cta-btn{border-radius:50px;align-items:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.cta-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea4d}.cta-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea66}.social-section{margin-top:4rem}.social-title{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.social-subtitle{color:#cbd5e1;max-width:400px;margin:0 auto;font-size:1.1rem}.social-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-glow{background:var(--social-color);filter:blur(15px);opacity:0;z-index:-1;border-radius:20px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-link:hover .social-glow{opacity:.3}.social-link:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.social-tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#000c;border-radius:10px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.social-link:hover .social-tooltip{opacity:1}.floating-contact-bubble{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;animation:3s ease-in-out infinite bubbleFloat;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #667eea66}.bubble-pulse{border:2px solid #667eea;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-5px}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.py-6{padding-top:6rem!important;padding-bottom:6rem!important}.mb-6{margin-bottom:4rem!important}.z-2{z-index:2}#contact{scroll-margin-top:80px}@media (max-width:992px){.section-title{font-size:3rem}.premium-contact-card{height:300px;padding:2rem 1.5rem}.cta-title{font-size:2rem}}@media (max-width:768px){.contact-section{padding:80px 0}.section-title{font-size:2.5rem}.cta-container{padding:3rem 2rem}.cta-buttons{flex-direction:column;align-items:center}.social-links{gap:1rem}}@media (max-width:576px){.section-title{font-size:2rem}.premium-contact-card{height:280px;padding:1.5rem 1rem}.cta-title{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}