body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#000}.App{position:relative;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.background-container{position:fixed;inset:0;z-index:-10;overflow:hidden}.night-sky-bg{position:absolute;inset:0;background:radial-gradient(ellipse at bottom,#0d1b2a,#040d1a,#000)}.stars-layer{position:absolute;inset:0}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite}.stars-small .star{width:1px;height:1px;box-shadow:0 0 2px #fffc}.stars-medium .star{width:2px;height:2px;box-shadow:0 0 4px #ffffffe6}.stars-large .star{width:3px;height:3px;box-shadow:0 0 6px #fff}.shooting-stars{position:absolute;inset:0}.shooting-star{position:absolute;width:2px;height:2px;background:linear-gradient(45deg,#fff,#87ceeb);border-radius:50%}.shooting-star:before{content:"";position:absolute;top:50%;right:0;width:300px;height:1px;background:linear-gradient(90deg,#ffffff,transparent);transform:translateY(-50%)}.shooting-star-1{top:20%;right:80%;animation:shooting 8s linear infinite}.shooting-star-2{top:40%;right:70%;animation:shooting 12s linear infinite 4s}.shooting-star-3{top:60%;right:90%;animation:shooting 10s linear infinite 8s}.nebula{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1;animation:nebula-drift 20s ease-in-out infinite}.nebula-1{top:10%;left:20%;width:400px;height:400px;background:radial-gradient(circle,#4a90e2,#7b68ee);animation-delay:0s}.nebula-2{top:60%;right:30%;width:300px;height:300px;background:radial-gradient(circle,#ff6b6b,#ee5a6f);animation-delay:7s}.nebula-3{bottom:20%;left:40%;width:350px;height:350px;background:radial-gradient(circle,#4ecdc4,#45b7aa);animation-delay:14s}.constellation{position:absolute;opacity:.3}.constellation:before,.constellation:after{content:"";position:absolute;background:#fff6;height:1px}.constellation-1{top:25%;left:15%;width:200px;height:150px}.constellation-1:before{width:80px;top:20px;left:0;transform:rotate(30deg)}.constellation-1:after{width:60px;top:80px;left:40px;transform:rotate(-45deg)}.constellation-2{top:50%;right:20%;width:150px;height:100px}.constellation-2:before{width:70px;top:10px;right:0;transform:rotate(-30deg)}.constellation-2:after{width:50px;top:60px;right:30px;transform:rotate(60deg)}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .5s ease;background:transparent}.navbar-scrolled{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.navbar-container{max-width:1280px;margin:0 auto;padding:0 24px}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:80px}.logo-container{flex-shrink:0;position:relative;cursor:pointer}.logo-container:hover .logo{transform:scale(1.1)}.logo-glow{position:absolute;inset:0;background:linear-gradient(45deg,#4a90e2,#87ceeb);border-radius:50%;filter:blur(8px);opacity:.75;animation:pulse-glow 2s ease-in-out infinite}.logo-container:hover .logo-glow{opacity:1}.logo{position:relative;width:48px;height:48px;background:linear-gradient(45deg,#4a90e2,#87ceeb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;transition:transform .3s ease}.logo-text{background:linear-gradient(45deg,#fff,#e6f3ff,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer 2s linear infinite}.nav-menu-desktop{display:none}.nav-items{margin-left:40px;display:flex;align-items:baseline;gap:32px}.nav-item{position:relative;padding:8px 12px;color:#ffffffe6;text-decoration:none;transition:color .3s ease;font-weight:500;font-size:16px}.nav-item:hover{color:#fff}.nav-item-text{position:relative;z-index:10}.nav-item-bg{position:absolute;inset:0;background:linear-gradient(45deg,#4a90e233,#87ceeb33);border-radius:8px;transform:scale(0);transition:transform .3s ease;transform-origin:center}.nav-item:hover .nav-item-bg{transform:scale(1)}.nav-item-underline{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(45deg,#4a90e2,#87ceeb);transition:width .3s ease}.nav-item:hover .nav-item-underline{width:100%}.connect-button-container{display:none}.connect-button{position:relative;overflow:hidden;padding:12px 32px;border-radius:50px;font-weight:600;color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-size:16px}.connect-button:hover{transform:scale(1.05)}.connect-button:active{transform:scale(.95)}.connect-button-bg{position:absolute;inset:0;background:linear-gradient(45deg,#4a90e2,#87ceeb,#4a90e2);background-size:200% 200%;animation:gradient-x 3s ease infinite}.connect-button-glow{position:absolute;inset:0;background:linear-gradient(45deg,#4a90e2,#87ceeb,#4a90e2);opacity:0;filter:blur(20px);transition:opacity .3s ease}.connect-button:hover .connect-button-glow{opacity:1}.connect-button-content{position:relative;z-index:10;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s ease-in-out infinite}.mobile-menu-button{display:block}.mobile-toggle{color:#ffffffe6;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease}.mobile-toggle:hover{color:#fff;background:#ffffff1a}.mobile-menu{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.mobile-menu-open{max-height:384px;opacity:1}.mobile-menu-content{padding:16px 24px;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.mobile-nav-items{display:flex;flex-direction:column;gap:12px}.mobile-nav-item{display:block;padding:12px 16px;color:#ffffffe6;text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500}.mobile-nav-item:hover{color:#fff;background:#ffffff1a}.mobile-connect-button{width:100%;margin-top:16px;padding:12px 24px;background:linear-gradient(45deg,#4a90e2,#87ceeb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}.mobile-connect-button:hover{transform:scale(1.05)}@media (min-width: 768px){.nav-menu-desktop,.connect-button-container{display:block}.mobile-menu-button{display:none}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes shooting{0%{transform:translate(300px) translateY(-300px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-300px) translateY(300px);opacity:0}}@keyframes nebula-drift{0%,to{transform:translate(0) translateY(0) scale(1)}33%{transform:translate(30px) translateY(-20px) scale(1.1)}66%{transform:translate(-20px) translateY(30px) scale(.9)}}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero{display:flex;align-items:center;flex-direction:column;min-height:100vh;padding:120px 20px 60px;position:relative;overflow:hidden;color:#fff}.hero-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:float-particle 6s ease-in-out infinite}.particle-1{top:20%;left:10%;animation-delay:0s;animation-duration:8s}.particle-2{top:30%;right:15%;animation-delay:2s;animation-duration:6s}.particle-3{top:60%;left:20%;animation-delay:4s;animation-duration:7s}.particle-4{top:70%;right:25%;animation-delay:1s;animation-duration:9s}.particle-5{top:40%;left:80%;animation-delay:3s;animation-duration:5s}.particle-6{top:80%;left:70%;animation-delay:5s;animation-duration:8s}.hero-glow{position:absolute;inset:0;pointer-events:none;transition:background .3s ease}.profile-container{position:relative;margin-bottom:60px;animation:profile-entrance 1.5s ease-out}.profile-image{width:280px;height:280px;border-radius:50%;object-fit:cover;position:relative;z-index:10;border:3px solid rgba(255,255,255,.2);transition:all .5s ease;animation:gentle-float 4s ease-in-out infinite}.profile-image:hover{transform:scale(1.05);border-color:#4a90e280}.profile-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:320px;height:320px;animation:rotate-ring 20s linear infinite}.ring-2{width:360px;height:360px;animation:rotate-ring 30s linear infinite reverse;border-color:#4a90e233}.ring-3{width:400px;height:400px;animation:rotate-ring 40s linear infinite;border-color:#87ceeb1a}.profile-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(74,144,226,.3) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite;filter:blur(20px)}.profile-stars{position:absolute;inset:0}.profile-star{position:absolute;color:#fffc;font-size:20px;animation:twinkle-star 2s ease-in-out infinite}.star-1{top:10%;right:20%;animation-delay:0s}.star-2{bottom:15%;left:10%;animation-delay:1s}.star-3{top:20%;left:15%;animation-delay:2s}.star-4{bottom:20%;right:10%;animation-delay:1.5s}.hero-content{text-align:center;max-width:1000px;animation:content-fade-in 2s ease-out .5s both}.hero-title{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1.1;margin-bottom:30px;display:flex;flex-direction:column;gap:10px}.title-line{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.word-highlight{color:#ffffffe6;animation:text-glow 3s ease-in-out infinite}.name-highlight{background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 4s ease-in-out infinite;position:relative}.name-highlight:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#4a90e2,transparent);animation:underline-glow 2s ease-in-out infinite}.role-text{color:#fffffff2;font-weight:600}.location-text{color:#fffc;font-weight:500}.hero-description{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.6;color:#fffc;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.university-highlight{color:#4a90e2;font-weight:600;text-shadow:0 0 10px rgba(74,144,226,.3)}.degree-highlight{color:#87ceeb;font-weight:600;text-shadow:0 0 10px rgba(135,206,235,.3)}.hero-action{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:80px;flex-wrap:wrap}.hero-connect,.hero-resume{position:relative;padding:18px 40px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;border:none;transition:all .4s ease;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.hero-connect{background:linear-gradient(135deg,#4a90e2,#87ceeb);color:#fff;box-shadow:0 10px 30px #4a90e24d}.hero-connect:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4a90e266}.button-glow{position:absolute;inset:0;background:linear-gradient(135deg,#4a90e2,#87ceeb);opacity:0;filter:blur(20px);transition:opacity .3s ease}.hero-connect:hover .button-glow{opacity:.8}.button-particles{position:absolute;inset:0;pointer-events:none}.btn-particle{position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;opacity:0}.hero-connect:hover .btn-particle{animation:button-sparkle .6s ease-out}.hero-connect:hover .btn-particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.hero-connect:hover .btn-particle:nth-child(2){top:60%;right:30%;animation-delay:.2s}.hero-connect:hover .btn-particle:nth-child(3){bottom:30%;left:70%;animation-delay:.4s}.hero-resume{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);position:relative}.button-border{position:absolute;inset:0;border-radius:50px;padding:2px;background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.hero-resume:hover .button-border{opacity:1}.hero-resume:hover{transform:translateY(-3px);color:#87ceeb;box-shadow:0 10px 30px #87ceeb33}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.hero-resume:hover .button-shine{left:100%}.button-text{position:relative;z-index:10}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff9;animation:fade-in-up 2s ease-out 1s both}.scroll-arrow{width:24px;height:24px;position:relative}.scroll-arrow span{position:absolute;top:0;left:50%;width:2px;height:8px;background:#fff9;transform:translate(-50%);animation:scroll-animation 2s ease-in-out infinite}.scroll-arrow span:nth-child(1){animation-delay:0s}.scroll-arrow span:nth-child(2){animation-delay:.3s}.scroll-arrow span:nth-child(3){animation-delay:.6s}.scroll-indicator p{font-size:14px;margin:0;text-transform:uppercase;letter-spacing:2px}@media (max-width: 768px){.hero{padding:100px 15px 40px}.profile-image{width:220px;height:220px}.ring-1{width:260px;height:260px}.ring-2{width:300px;height:300px}.ring-3{width:340px;height:340px}.hero-action{flex-direction:column;gap:20px}.hero-connect,.hero-resume{width:100%;max-width:280px}.title-line{flex-direction:column;gap:5px}}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes profile-entrance{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-ring{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes twinkle-star{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes underline-glow{0%,to{opacity:.3}50%{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes scroll-animation{0%{opacity:0;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(8px)}to{opacity:0;transform:translate(-50%) translateY(16px)}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;margin:100px auto;max-width:1400px;padding:0 40px;position:relative;color:#fff;min-height:100vh}.about-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb-about-1{position:absolute;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(74,144,226,.1),transparent);border-radius:50%;filter:blur(60px);animation:float-orb 8s ease-in-out infinite}.orb-about-2{position:absolute;bottom:20%;right:15%;width:250px;height:250px;background:radial-gradient(circle,rgba(135,206,235,.1),transparent);border-radius:50%;filter:blur(60px);animation:float-orb 10s ease-in-out infinite reverse}.constellation-about{position:absolute;top:30%;right:30%;width:200px;height:200px;opacity:.2}.constellation-about:before,.constellation-about:after{content:"";position:absolute;background:#ffffff4d;height:1px}.constellation-about:before{width:80px;top:50px;left:0;transform:rotate(45deg)}.constellation-about:after{width:60px;top:100px;left:40px;transform:rotate(-30deg)}.about-title{text-align:center;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.about-title.animate-in{opacity:1;transform:translateY(0)}.title-container{position:relative}.section-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin:0;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.title-word{color:#ffffffe6;animation:text-glow 3s ease-in-out infinite}.title-word.highlight{background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 4s ease-in-out infinite}.title-decoration{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.star-decoration{color:#4a90e2;font-size:24px;animation:twinkle 2s ease-in-out infinite}.line-decoration{width:100px;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,transparent);animation:line-glow 2s ease-in-out infinite}.about-section{display:flex;gap:100px;align-items:center;width:100%;opacity:0;transform:translateY(50px);transition:all 1s ease-out .3s}.about-section.animate-in{opacity:1;transform:translateY(0)}.about-left{flex:1;display:flex;justify-content:center;align-items:center}.image-container{position:relative;animation:gentle-float 6s ease-in-out infinite}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:570px;background:radial-gradient(ellipse,rgba(74,144,226,.3) 0%,transparent 70%);filter:blur(30px);animation:pulse-glow 4s ease-in-out infinite}.image-frame{position:relative;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.1);transition:all .5s ease}.image-frame:hover{transform:scale(1.02);border-color:#4a90e24d;box-shadow:0 20px 40px #4a90e233}.about-image{width:335px;height:525px;object-fit:cover;display:block;transition:all .5s ease}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(74,144,226,.1) 0%,transparent 50%,rgba(135,206,235,.1) 100%);opacity:0;transition:opacity .5s ease}.image-frame:hover .image-overlay{opacity:1}.floating-particles{position:absolute;inset:-50px;pointer-events:none}.particle{position:absolute;color:#fff9;font-size:16px;animation:float-particle 4s ease-in-out infinite}.p-1{top:10%;right:10%;animation-delay:0s}.p-2{bottom:20%;left:5%;animation-delay:1s}.p-3{top:60%;left:-10%;animation-delay:2s}.p-4{top:30%;right:-5%;animation-delay:3s}.about-right{flex:1;display:flex;flex-direction:column;gap:60px}.about-content{display:flex;flex-direction:column;gap:50px}.about-para{display:flex;flex-direction:column;gap:25px}.para-text{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.8;color:#ffffffe6;margin:0;animation:fade-in-text 1s ease-out}.highlight-text{color:#87ceeb;font-weight:600;text-shadow:0 0 10px rgba(135,206,235,.3)}.about-skills{display:flex;flex-direction:column;gap:30px}.skills-title{font-size:1.8rem;font-weight:600;color:#4a90e2;margin:0;text-align:center;text-shadow:0 0 10px rgba(74,144,226,.3)}.skills-container{display:flex;flex-direction:column;gap:25px}.about-skill{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translate(-30px);animation:skill-slide-in .8s ease-out forwards}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:1.2rem;font-weight:600;color:#ffffffe6;margin:0}.skill-percentage{font-size:1rem;color:#87ceeb;font-weight:600}.skill-bar{position:relative;height:8px;border-radius:10px;overflow:hidden}.skill-progress-bg{position:absolute;inset:0;background:#ffffff1a;border-radius:10px}.skill-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4a90e2,#87ceeb);border-radius:10px;transition:width 2s ease-out;box-shadow:0 0 10px #4a90e280}.skill-progress.animate{animation:skill-glow 2s ease-out}.skill-glow{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:10px;transform:translate(-100%);animation:skill-shine 2s ease-out .5s}.about-achievements{display:flex;justify-content:center;align-items:center;gap:60px;width:100%;opacity:0;transform:translateY(50px);transition:all 1s ease-out .6s;flex-wrap:wrap}.about-achievements.animate-in{opacity:1;transform:translateY(0)}.achievement-item{display:flex;align-items:center;gap:40px}.achievement-content{display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;padding:30px;border-radius:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);transition:all .5s ease;cursor:pointer}.achievement-content:hover{transform:translateY(-10px) scale(1.05);background:#4a90e21a;border-color:#4a90e24d;box-shadow:0 20px 40px #4a90e233}.achievement-icon{font-size:2rem;animation:bounce 2s ease-in-out infinite}.achievement-number{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0;background:linear-gradient(135deg,#4a90e2,#87ceeb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:number-glow 3s ease-in-out infinite}.achievement-label{font-size:1.1rem;font-weight:500;color:#fffc;margin:0;text-align:center}.achievement-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(74,144,226,.2) 0%,transparent 70%);border-radius:20px;opacity:0;transition:opacity .5s ease;filter:blur(20px)}.achievement-content:hover .achievement-glow{opacity:1}.achievement-divider{width:2px;height:80px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent);border-radius:2px}@media (max-width: 1024px){.about{margin:80px auto;padding:0 30px;gap:80px}.about-section{flex-direction:column;gap:60px}.about-achievements{gap:40px}.achievement-item{flex-direction:column;gap:20px}.achievement-divider{width:80px;height:2px}}@media (max-width: 768px){.about{padding:0 20px;gap:60px}.about-image{width:280px;height:420px}.image-glow{width:320px;height:460px}.about-achievements{flex-direction:column;gap:30px}.achievement-item{width:100%}.achievement-divider{display:none}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-10px) rotate(180deg);opacity:1}}@keyframes fade-in-text{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes skill-slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes skill-glow{0%{box-shadow:0 0 5px #4a90e24d}50%{box-shadow:0 0 20px #4a90e2cc}to{box-shadow:0 0 5px #4a90e24d}}@keyframes skill-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes number-glow{0%,to{filter:drop-shadow(0 0 5px rgba(74,144,226,.3))}50%{filter:drop-shadow(0 0 15px rgba(74,144,226,.8))}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;margin:100px auto;max-width:1400px;padding:0 40px;position:relative;color:#fff;min-height:100vh}.services-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb-services-1{position:absolute;top:15%;right:10%;width:280px;height:280px;background:radial-gradient(circle,rgba(74,144,226,.1),transparent);border-radius:50%;filter:blur(60px);animation:float-orb 9s ease-in-out infinite}.orb-services-2{position:absolute;bottom:10%;left:15%;width:220px;height:220px;background:radial-gradient(circle,rgba(135,206,235,.1),transparent);border-radius:50%;filter:blur(60px);animation:float-orb 11s ease-in-out infinite reverse}.constellation-services{position:absolute;top:60%;left:25%;width:180px;height:180px;opacity:.2}.constellation-services:before,.constellation-services:after{content:"";position:absolute;background:#ffffff4d;height:1px}.constellation-services:before{width:70px;top:40px;left:0;transform:rotate(30deg)}.constellation-services:after{width:50px;top:90px;left:30px;transform:rotate(-45deg)}.services-title{text-align:center;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.services-title.animate-in{opacity:1;transform:translateY(0)}.services-title .title-container{position:relative}.services-title .section-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin:0;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.services-title .title-word{color:#ffffffe6;animation:text-glow 3s ease-in-out infinite}.services-title .title-word.highlight{background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 4s ease-in-out infinite}.services-title .title-decoration{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.services-title .star-decoration{color:#4a90e2;font-size:24px;animation:twinkle 2s ease-in-out infinite}.services-title .line-decoration{width:100px;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,transparent);animation:line-glow 2s ease-in-out infinite}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;margin-bottom:80px}.service-card{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .5s ease;text-decoration:none;opacity:0;transform:translateY(50px) rotateX(10deg);animation:card-reveal 1s ease-out forwards;perspective:1000px}.service-card.animate-in{opacity:1;transform:translateY(0) rotateX(0)}.service-card:hover{transform:translateY(-15px) scale(1.03) rotateX(5deg);box-shadow:0 25px 50px #4a90e24d}.card-inner{position:relative;width:100%;height:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:all .5s ease;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px}.service-card:hover .card-inner{border-color:#4a90e24d}.service-card:hover .card-border-effect{opacity:1}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.service-card:hover .card-shine{left:100%}.service-number{position:relative;width:fit-content}.service-card h3{font-size:2.5rem;font-weight:700;color:#fff9;margin:0;position:relative;z-index:2}.number-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(74,144,226,.2),transparent 70%);border-radius:50%;filter:blur(20px);animation:pulse-glow 3s ease-in-out infinite;z-index:1}.service-content{display:flex;flex-direction:column;gap:15px}.service-card h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,#4a90e2,#87ceeb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;animation:gradient-text 4s ease-in-out infinite}.service-card p{color:#fffc;font-size:clamp(1rem,2vw,1.1rem);line-height:1.6;margin:0}.services-readmore{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:1rem;font-weight:500;color:#87ceeb;transition:color .3s ease;position:relative;overflow:hidden;width:fit-content}.services-readmore p{margin:0;color:inherit}.services-readmore svg{transition:transform .3s ease;color:inherit}.service-card:hover .services-readmore{color:#4a90e2}.service-card:hover .services-readmore svg{transform:translate(5px)}.arrow-trail{position:absolute;top:50%;left:0;width:0;height:2px;background:linear-gradient(90deg,transparent,#87ceeb,transparent);transform:translateY(-50%);opacity:0}.service-card:hover .arrow-trail{animation:arrow-trail-animation .6s ease-out forwards}@media (max-width: 1024px){.services{margin:80px auto;padding:0 30px;gap:80px}.services-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.card-inner{padding:30px}}@media (max-width: 768px){.services{padding:0 20px;gap:60px}.services-title .section-title{font-size:clamp(2.5rem,10vw,4rem)}.services-container{grid-template-columns:1fr;gap:25px}.service-card{transform:translateY(30px) rotateX(5deg)}.service-card:hover{transform:translateY(-10px) scale(1.02) rotateX(2deg)}.card-inner{padding:25px}.service-card h3{font-size:2rem}.service-card h2{font-size:clamp(1.5rem,6vw,2rem)}.service-card p{font-size:clamp(.9rem,3vw,1rem)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes arrow-trail-animation{0%{width:0;opacity:0;transform:translateY(-50%) translate(0)}50%{width:100%;opacity:1}to{width:0;opacity:0;transform:translateY(-50%) translate(100%)}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;margin:100px auto;max-width:1400px;padding:0 40px;position:relative;color:#fff;min-height:100vh}.mywork-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb-work-1{position:absolute;top:5%;left:5%;width:320px;height:320px;background:radial-gradient(circle,rgba(74,144,226,.1),transparent);border-radius:50%;filter:blur(60px);animation:float-orb 10s ease-in-out infinite}.orb-work-2{position:absolute;bottom:5%;right:5%;width:260px;height:260px;background:radial-gradient(circle,rgba(135,206,235,.1),transparent);border-radius:50%;filter:blur(60px);animation:float-orb 12s ease-in-out infinite reverse}.constellation-work{position:absolute;top:70%;right:10%;width:150px;height:150px;opacity:.2}.constellation-work:before,.constellation-work:after{content:"";position:absolute;background:#ffffff4d;height:1px}.constellation-work:before{width:60px;top:30px;left:0;transform:rotate(20deg)}.constellation-work:after{width:40px;top:70px;left:20px;transform:rotate(-50deg)}.mywork-title{text-align:center;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.mywork-title.animate-in{opacity:1;transform:translateY(0)}.mywork-title .title-container{position:relative}.mywork-title .section-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin:0;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.mywork-title .title-word{color:#ffffffe6;animation:text-glow 3s ease-in-out infinite}.mywork-title .title-word.highlight{background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 4s ease-in-out infinite}.mywork-title .title-decoration{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.mywork-title .star-decoration{color:#4a90e2;font-size:24px;animation:twinkle 2s ease-in-out infinite}.mywork-title .line-decoration{width:100px;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,transparent);animation:line-glow 2s ease-in-out infinite}.mywork-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%}.work-card{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .5s ease;text-decoration:none;opacity:0;transform:translateY(50px) rotateX(10deg);animation:card-reveal 1s ease-out forwards;perspective:1000px}.work-card.animate-in{opacity:1;transform:translateY(0) rotateX(0)}.work-card:hover{transform:translateY(-15px) scale(1.03) rotateX(5deg);box-shadow:0 25px 50px #4a90e24d}.card-inner{position:relative;width:100%;height:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:all .5s ease}.work-card:hover .card-inner{border-color:#4a90e24d}.card-image-wrapper{position:relative;width:100%;padding-bottom:66.66%;overflow:hidden}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.work-card:hover .card-image{transform:scale(1.15)}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:25px;opacity:0;transition:opacity .5s ease}.work-card:hover .image-overlay{opacity:1}.overlay-content{transform:translateY(30px);transition:transform .5s ease}.work-card:hover .overlay-content{transform:translateY(0)}.project-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2}.project-description{font-size:.95rem;color:#ffffffb3;margin-bottom:15px;line-height:1.5;max-height:70px;overflow:hidden;text-overflow:ellipsis}.project-category{font-size:.85rem;font-weight:600;color:#87ceeb;background:#87ceeb1a;padding:5px 10px;border-radius:5px;width:fit-content;margin-bottom:15px;border:1px solid rgba(135,206,235,.3)}.view-project-button{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#4a90e2;background:linear-gradient(135deg,#4a90e2,#87ceeb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:2px solid #4a90e2;padding:10px 20px;border-radius:30px;width:fit-content;transition:all .3s ease;position:relative;overflow:hidden}.view-project-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #4a90e24d;border-color:#87ceeb}.view-project-button svg{transition:transform .3s ease}.view-project-button:hover svg{transform:translate(5px)}.card-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(74,144,226,.2) 0%,transparent 70%);border-radius:15px;opacity:0;transition:opacity .5s ease;filter:blur(20px)}.work-card:hover .card-glow{opacity:1}.card-border-effect{position:absolute;inset:0;border-radius:15px;padding:2px;background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.work-card:hover .card-border-effect{opacity:1}.mywork-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid rgba(255,255,255,.3);padding:20px 50px;font-size:1.2rem;font-weight:600;margin-top:40px;margin-bottom:80px;transition:all .6s ease;cursor:pointer;position:relative;overflow:hidden;color:#fff;opacity:0;transform:translateY(50px);animation:fade-in-up 1s ease-out forwards .8s}.mywork-showmore.animate-in{opacity:1;transform:translateY(0)}.mywork-showmore:hover{gap:30px;border-color:#87ceeb;box-shadow:0 10px 30px #87ceeb4d}.mywork-showmore:hover .showmore-glow{opacity:1}.mywork-showmore p{margin:0;position:relative;z-index:2}.mywork-showmore svg{position:relative;z-index:2;transition:transform .3s ease}.mywork-showmore:hover svg{transform:translate(5px)}.showmore-glow{position:absolute;inset:0;background:linear-gradient(135deg,#4a90e2,#87ceeb);opacity:0;filter:blur(20px);transition:opacity .3s ease}@media (max-width: 1024px){.mywork{margin:80px auto;padding:0 30px;gap:80px}.mywork-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}}@media (max-width: 768px){.mywork{padding:0 20px;gap:60px}.mywork-title .section-title{font-size:clamp(2.5rem,10vw,4rem)}.mywork-container{grid-template-columns:1fr;gap:25px}.work-card{transform:translateY(30px) rotateX(5deg)}.work-card:hover{transform:translateY(-10px) scale(1.02) rotateX(2deg)}.project-title{font-size:1.4rem}.project-description{font-size:.9rem}.project-category{font-size:.8rem}.view-project-button{padding:8px 18px;font-size:.9rem}.mywork-showmore{padding:15px 30px;font-size:1rem}}@keyframes card-reveal{0%{opacity:0;transform:translateY(50px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;margin:100px auto;max-width:1400px;padding:0 40px;position:relative;color:#fff;min-height:100vh}.contact-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb-contact-1{position:absolute;top:10%;left:10%;width:350px;height:350px;background:radial-gradient(circle,rgba(74,144,226,.1),transparent);border-radius:50%;filter:blur(70px);animation:float-orb 11s ease-in-out infinite}.orb-contact-2{position:absolute;bottom:15%;right:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(135,206,235,.1),transparent);border-radius:50%;filter:blur(70px);animation:float-orb 13s ease-in-out infinite reverse}.constellation-contact{position:absolute;top:20%;right:20%;width:180px;height:180px;opacity:.2}.constellation-contact:before,.constellation-contact:after{content:"";position:absolute;background:#ffffff4d;height:1px}.constellation-contact:before{width:70px;top:40px;left:0;transform:rotate(30deg)}.constellation-contact:after{width:50px;top:90px;left:30px;transform:rotate(-45deg)}.contact-title{text-align:center;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.contact-title.animate-in{opacity:1;transform:translateY(0)}.contact-title .title-container{position:relative}.contact-title .section-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin:0;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.contact-title .title-word{color:#ffffffe6;animation:text-glow 3s ease-in-out infinite}.contact-title .title-word.highlight{background:linear-gradient(135deg,#4a90e2,#87ceeb,#4a90e2);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 4s ease-in-out infinite}.contact-title .title-decoration{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.contact-title .star-decoration{color:#4a90e2;font-size:24px;animation:twinkle 2s ease-in-out infinite}.contact-title .line-decoration{width:100px;height:2px;background:linear-gradient(90deg,transparent,#4a90e2,transparent);animation:line-glow 2s ease-in-out infinite}.contact-section{display:flex;gap:100px;width:100%;align-items:flex-start;opacity:0;transform:translateY(50px);transition:all 1s ease-out .3s}.contact-section.animate-in{opacity:1;transform:translateY(0)}.contact-left{flex:1;display:flex;flex-direction:column;gap:30px}.contact-left-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,#4a90e2,#87ceeb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;animation:gradient-text 4s ease-in-out infinite}.contact-left-description{max-width:550px;color:#fffc;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin:0}.contact-details{display:flex;flex-direction:column;gap:25px;color:#ffffffe6;font-size:1.1rem}.contact-detail{display:flex;align-items:center;gap:20px;transition:all .3s ease}.contact-detail:hover{color:#87ceeb;transform:translate(5px)}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);overflow:hidden}.contact-icon{color:#4a90e2;position:relative;z-index:2}.icon-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(74,144,226,.3),transparent 70%);border-radius:50%;filter:blur(10px);opacity:0;transition:opacity .3s ease}.contact-detail:hover .icon-glow{opacity:1}.contact-right{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:25px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:40px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 30px #0000004d}.form-group{position:relative;display:flex;flex-direction:column;gap:10px}.contact-right label{color:#ffffffe6;font-size:1.1rem;font-weight:500}.contact-right input,.contact-right textarea{width:100%;padding:15px 20px;border:none;border-radius:8px;background:#ffffff0d;color:#fff;font-family:Outfit,sans-serif;font-size:1rem;outline:none;transition:all .3s ease;border:1px solid transparent}.contact-right input::placeholder,.contact-right textarea::placeholder{color:#ffffff80}.contact-right input:focus,.contact-right textarea:focus{background:#ffffff1a;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d}.contact-right textarea{min-height:150px;resize:vertical}.input-border{position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,#4a90e2,#87ceeb);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.contact-right input:focus+.input-border,.contact-right textarea:focus+.input-border{opacity:1}.contact-submit{display:flex;align-items:center;justify-content:center;gap:10px;border:none;color:#fff;border-radius:50px;background:linear-gradient(135deg,#4a90e2,#87ceeb);font-size:1.2rem;padding:18px 40px;margin-top:20px;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;font-weight:600;text-transform:uppercase;letter-spacing:1px}.contact-submit:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4a90e266}.contact-submit .button-text,.contact-submit .send-icon{position:relative;z-index:2}.contact-submit .send-icon{transition:transform .3s ease}.contact-submit:hover .send-icon{transform:translate(5px)}.submit-glow{position:absolute;inset:0;background:linear-gradient(135deg,#4a90e2,#87ceeb);opacity:0;filter:blur(20px);transition:opacity .3s ease}.contact-submit:hover .submit-glow{opacity:.8}.submit-particles{position:absolute;inset:0;pointer-events:none}.submit-particles .btn-particle{position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;opacity:0}.contact-submit:hover .btn-particle{animation:button-sparkle .6s ease-out}.contact-submit:hover .btn-particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.contact-submit:hover .btn-particle:nth-child(2){top:60%;right:30%;animation-delay:.2s}.contact-submit:hover .btn-particle:nth-child(3){bottom:30%;left:70%;animation-delay:.4s}@media (max-width: 1024px){.contact{margin:80px auto;padding:0 30px;gap:80px}.contact-section{flex-direction:column;gap:60px;align-items:center}.contact-left,.contact-right{width:100%;max-width:600px}.contact-right{padding:30px}}@media (max-width: 768px){.contact{padding:0 20px;gap:60px}.contact-title .section-title{font-size:clamp(2.5rem,10vw,4rem)}.contact-left-title{font-size:clamp(2rem,8vw,3rem)}.contact-left-description{font-size:clamp(.9rem,3vw,1.1rem)}.contact-details{font-size:1rem;gap:20px}.contact-detail .icon-wrapper{width:35px;height:35px}.contact-detail .contact-icon{font-size:24px}.contact-right{padding:25px;gap:20px}.contact-right label{font-size:1rem}.contact-right input,.contact-right textarea{padding:12px 15px;font-size:.9rem}.contact-submit{padding:15px 30px;font-size:1rem}}@keyframes text-glow{0%,to{text-shadow:0 0 5px rgba(255,255,255,.3)}50%{text-shadow:0 0 20px rgba(255,255,255,.6)}}@keyframes gradient-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes line-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes card-fade-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes button-sparkle{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px 40px;margin:0 auto;max-width:1400px;position:relative;color:#fff;overflow:hidden}.footer-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.orb-footer-1{position:absolute;top:10%;left:5%;width:200px;height:200px;background:radial-gradient(circle,rgba(74,144,226,.08),transparent);border-radius:50%;filter:blur(50px);animation:float-orb 10s ease-in-out infinite}.orb-footer-2{position:absolute;bottom:15%;right:8%;width:180px;height:180px;background:radial-gradient(circle,rgba(135,206,235,.08),transparent);border-radius:50%;filter:blur(50px);animation:float-orb 12s ease-in-out infinite reverse}.shooting-star-footer{position:absolute;top:80%;left:20%;width:2px;height:2px;background:linear-gradient(45deg,#fff,#87ceeb);border-radius:50%;animation:shooting-footer 15s linear infinite 5s}.shooting-star-footer:before{content:"";position:absolute;top:50%;right:0;width:200px;height:1px;background:linear-gradient(90deg,#ffffff,transparent);transform:translateY(-50%)}.footer-content{width:100%;display:flex;flex-direction:column;gap:60px;opacity:0;transform:translateY(50px);transition:all 1s ease-out}.footer-content.animate-in{opacity:1;transform:translateY(0)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;flex-wrap:wrap;gap:40px}.footer-brand{display:flex;flex-direction:column;gap:20px;max-width:400px}.footer-logo-container{position:relative;width:fit-content}.footer-logo-glow{position:absolute;inset:0;background:linear-gradient(45deg,#4a90e2,#87ceeb);border-radius:50%;filter:blur(8px);opacity:.75;animation:pulse-glow 2s ease-in-out infinite}.footer-logo{position:relative;width:48px;height:48px;background:linear-gradient(45deg,#4a90e2,#87ceeb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.footer-logo-text{background:linear-gradient(45deg,#fff,#e6f3ff,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer 2s linear infinite}.footer-description{font-size:1rem;color:#ffffffb3;line-height:1.6}.footer-socials{display:flex;gap:20px}.social-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden}.social-icon-wrapper:hover{transform:translateY(-5px) scale(1.1);background:#4a90e21a;border-color:#4a90e24d;box-shadow:0 10px 20px #4a90e233}.social-icon{color:#87ceeb;position:relative;z-index:2;transition:color .3s ease}.social-icon-wrapper:hover .social-icon{color:#4a90e2}.social-icon-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(74,144,226,.3),transparent 70%);border-radius:50%;filter:blur(10px);opacity:0;transition:opacity .3s ease}.social-icon-wrapper:hover .social-icon-glow{opacity:1}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:40px 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:20px}.footer-nav-links{display:flex;list-style:none;gap:30px;margin:0;padding:0;flex-wrap:wrap}.footer-nav-link{color:#fffc;text-decoration:none;font-size:1rem;font-weight:500;position:relative;transition:all .3s ease}.footer-nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#4a90e2,#87ceeb);transition:width .3s ease}.footer-nav-link:hover{color:#fff}.footer-nav-link:hover:after{width:100%}.footer-copyright{font-size:.9rem;color:#fff9;margin:0;text-align:right}.scroll-to-top{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#4a90e2,#87ceeb);color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px #4a90e24d;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:100;position:relative;overflow:hidden}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #4a90e266}.scroll-to-top-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(74,144,226,.3),transparent 70%);border-radius:50%;filter:blur(15px);opacity:0;transition:opacity .3s ease}.scroll-to-top:hover .scroll-to-top-glow{opacity:1}@media (max-width: 1024px){.footer{padding:60px 30px 30px;gap:60px}.footer-top{flex-direction:column;align-items:center;text-align:center;gap:30px}.footer-brand{align-items:center}.footer-bottom{flex-direction:column;gap:20px}.footer-nav-links{justify-content:center;gap:20px}.footer-copyright{text-align:center}}@media (max-width: 768px){.footer{padding:40px 20px 20px;gap:40px}.footer-socials{gap:15px}.social-icon-wrapper{width:40px;height:40px}.social-icon{font-size:20px}.footer-nav-links{gap:15px;font-size:.9rem}.footer-copyright{font-size:.8rem}.scroll-to-top{width:50px;height:50px;bottom:20px;right:20px}.scroll-to-top svg{font-size:24px}}@keyframes float-orb{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes shooting-footer{0%{transform:translate(300px) translateY(-300px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-300px) translateY(300px);opacity:0}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes text-shimmer{0%{background-position:-200% center}to{background-position:200% center}}