@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&family=Roboto:wght@100;300;400&display=swap";header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 17px #5050501a;transition:all .3s ease}header.scrolled{background-color:#fffffffa;box-shadow:0 4px 20px #0003}.page-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:800;opacity:0;animation:leftSideAni 1s ease forwards}.logo a{background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:all .3s ease}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-menu ul{display:flex;gap:1rem;list-style-type:none;margin:0;padding:0}.nav-menu li a{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:#333;text-decoration:none;font-size:1.1rem;font-weight:600;position:relative;transition:all .3s ease;opacity:0;animation:navani .3s ease forwards;animation-delay:calc(.1s * var(--navAni))}.nav-menu li a i{font-size:1.3rem;opacity:.8}.nav-menu li a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,#f7086c,#35c9fc);transition:width .3s ease}.nav-menu li a:hover:before,.nav-menu li a.active:before{width:100%}.nav-menu li a:hover,.nav-menu li a.active{background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mode{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.mode i{font-size:1.4rem;background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.mode:hover i{transform:rotate(30deg)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 17px #5050501a;padding:1rem;z-index:1000}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-size:.8rem;transition:all .3s ease;cursor:pointer}.bottom-nav-item i{font-size:1.4rem}.bottom-nav-item.active{color:#f7086c}.bottom-nav-item:hover{color:#f7086c;transform:translateY(-2px)}.dark-mode header{background-color:#0d1021f2}.dark-mode header.scrolled{background-color:#0d1021fa}.dark-mode .nav-menu li a{color:#fff}.dark-mode .bottom-nav{background:#0d1021f2}.dark-mode .bottom-nav-item{color:#ccc}.dark-mode .bottom-nav-item.active,.dark-mode .bottom-nav-item:hover{color:#f7086c}@media screen and (max-width: 768px){header{display:none}.bottom-nav{display:flex;justify-content:space-around;align-items:center}main{padding-bottom:70px}}.music-btn{position:relative;width:45px;height:45px;margin-right:1rem;cursor:pointer;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.music-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.music-bars{position:absolute;display:flex;gap:3px;align-items:center;opacity:1;padding:0 10px}.music-bars .bar{width:3px;height:20px;background:linear-gradient(to top,#f7086c,#35c9fc);border-radius:15px;animation:soundBars 1s ease infinite}.music-bars .bar:nth-child(1){animation-delay:0s}.music-bars .bar:nth-child(2){animation-delay:.2s}.music-bars .bar:nth-child(3){animation-delay:.4s}.music-bars .bar:nth-child(4){animation-delay:.6s}.music-bars .bar:nth-child(5){animation-delay:.8s}.music-btn[data-playing=true] .music-bars{opacity:1}.music-btn[data-playing=true] .bar{animation:soundBars 1s ease infinite}.play-btn{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1;transition:all .3s ease}.play-btn i{font-size:2.3rem;background:linear-gradient(45deg,#f7086c,#35c9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.music-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f7086c33}.music-btn:hover .play-btn i{transform:scale(1.1)}.music-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;background:linear-gradient(45deg,#f7086c,#35c9fc) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.music-btn:hover:before{opacity:1}.dark-mode .music-btn{background:#0003}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f7086c0d,#35c9fc0d)}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.detail{max-width:800px;text-align:left;padding-left:2rem}.detail h3{font-size:2rem;margin-bottom:1.5rem;opacity:0;animation:roleAnimation .5s ease forwards;background:linear-gradient(to right,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}.role-text{display:inline-block;position:relative}.role-text:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:linear-gradient(to right,#f7086c,#35c9fc);transform:scaleX(0);transform-origin:left;animation:lineAnimation 3s infinite}.detail h1{font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:2rem;margin-top:80px;opacity:0;animation:topSideAni 1s ease forwards}.detail span{background:linear-gradient(to right,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.detail p{font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.5s;color:#666;max-width:90%}.social{display:flex;gap:1.5rem;margin-top:2.5rem}.social a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:50%;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#f7086c,#35c9fc) border-box;font-size:1.5rem;color:#f7086c;transition:all .3s ease;opacity:0;animation:socialAni .5s ease forwards;animation-delay:calc(.1s * var(--socialAni))}.social a:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 20px #f7086c33;background:linear-gradient(to right,#f7086c,#35c9fc) border-box;color:#fff}.hero-buttons{display:flex;gap:2rem;margin-top:1rem}.dark-mode .hero-section{background:linear-gradient(135deg,#f7086c1a,#35c9fc1a)}.dark-mode .detail p{color:#ccc}.dark-mode .social a{background:linear-gradient(var(--primary-dark),var(--primary-dark)) padding-box,linear-gradient(to right,#f7086c,#35c9fc) border-box}.dark-mode .btn button{color:#fff}@media screen and (max-width: 768px){.hero-section{padding-top:60px;min-height:calc(100vh - 70px)}.detail{padding-left:0;text-align:center}.detail h1{font-size:3rem}.detail h3{font-size:1.8rem}.detail p{font-size:1.4rem;margin-bottom:2rem;max-width:100%}.social{align-items:center;justify-content:center;gap:1rem}.social a{width:40px;height:40px;font-size:1.9rem}.hero-buttons{flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}.btn{width:auto}.btn button{padding:.8rem 2rem;font-size:1rem}.btn button i{font-size:1.1rem}}@keyframes roleAnimation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lineAnimation{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes socialAni{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.scroll-animation{opacity:0;will-change:transform,opacity}.scroll-animation.fade-up{transform:translateY(50px);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.fade-up.visible{opacity:1;transform:translateY(0)}.scroll-animation.fade-down{transform:translateY(-50px);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.fade-down.visible{opacity:1;transform:translateY(0)}.scroll-animation.fade-left{transform:translate(-50px);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.fade-left.visible{opacity:1;transform:translate(0)}.scroll-animation.fade-right{transform:translate(50px);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.fade-right.visible{opacity:1;transform:translate(0)}.scroll-animation.scale{transform:scale(.8);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.scale.visible{opacity:1;transform:scale(1)}.scroll-animation.rotate{transform:rotate(-15deg);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.rotate.visible{opacity:1;transform:rotate(0)}.scroll-animation.flip{transform:perspective(1000px) rotateY(90deg);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.flip.visible{opacity:1;transform:perspective(1000px) rotateY(0)}.scroll-animation.zoom{transform:scale(0);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.scroll-animation.zoom.visible{opacity:1;transform:scale(1)}.scroll-animation.stagger>*{opacity:0;transform:translateY(30px);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.scroll-animation.stagger.visible>*{opacity:1;transform:translateY(0)}.scroll-animation.stagger.visible>*:nth-child(1){transition-delay:.1s}.scroll-animation.stagger.visible>*:nth-child(2){transition-delay:.2s}.scroll-animation.stagger.visible>*:nth-child(3){transition-delay:.3s}.scroll-animation.stagger.visible>*:nth-child(4){transition-delay:.4s}.scroll-animation.stagger.visible>*:nth-child(5){transition-delay:.5s}@media (prefers-reduced-motion: reduce){.scroll-animation{transition:none!important;transform:none!important;opacity:1!important}}.about-container{padding:80px 0;background:linear-gradient(135deg,#35c9fc08,#9333ea0d)}.about-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px;gap:4rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.about-content.visible{opacity:1;transform:translateY(0)}.about-left{flex:1;display:flex;justify-content:center;position:relative}.about-img-container{width:400px;height:500px;position:relative;border-radius:30px;overflow:hidden;box-shadow:0 20px 40px #0003;transition:all .5s cubic-bezier(.4,0,.2,1)}.about-img-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#f7086c33,#35c9fc33);z-index:1;opacity:0;transition:opacity .5s ease}.about-img-container:hover:before{opacity:1}.about-img-container:after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 100%);bottom:0;left:0;z-index:1}.about-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.about-img-container:hover{transform:translateY(-10px)}.about-img-container:hover .about-img{transform:scale(1.1)}.floating-card{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:10px;transition:all .3s ease;animation:float 3s ease-in-out infinite}.floating-card.experience{bottom:30px;right:-30px}.floating-card.education{top:30px;left:-30px;animation-delay:1.5s}.floating-card i{font-size:24px;background:linear-gradient(to right,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.floating-card-content{display:flex;flex-direction:column}.floating-card-content h4{font-size:1.2rem;color:#333;margin:0}.floating-card-content p{font-size:.9rem;color:#666;margin:0}.about-right{flex:1}.about-right-content{display:flex;flex-direction:column;gap:1.5rem}.about-right-content h1{font-size:3.5rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(to right,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.about-right-content h1:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(to right,#f7086c,#35c9fc);border-radius:2px}.about-right-content p{font-size:1.1rem;line-height:1.8;color:#666;text-align:justify;position:relative;padding-left:20px}.about-right-content p:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(to bottom,#f7086c,#35c9fc);border-radius:2px}.btn{position:relative;width:fit-content;overflow:hidden;border-radius:50px;padding:1px;background:linear-gradient(45deg,#f7086c,#35c9fc);transition:all .4s ease;margin-top:2rem;align-self:flex-start}.btn button{display:flex;align-items:center;justify-content:center;gap:10px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:transparent;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #f7086c4d}.btn button i{font-size:1.3rem;transition:transform .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dark-mode .about-container{background:linear-gradient(135deg,#35c9fc14,#9333ea1a)}.dark-mode .floating-card{background:#1a1a1af2}.dark-mode .floating-card-content h4{color:#fff}.dark-mode .floating-card-content p,.dark-mode .about-right-content p{color:#ccc}@media screen and (max-width: 1024px){.about-content{gap:2rem}.about-img-container{width:350px;height:450px}.about-right-content h1{font-size:3rem}}@media screen and (max-width: 768px){.about-content{flex-direction:column;text-align:center;padding:0 1rem}.about-img-container{width:300px;height:400px}.floating-card{padding:10px 20px}.floating-card.experience{right:0;bottom:20px}.floating-card.education{left:0;top:20px}.about-right-content{align-items:center}.about-right-content h1{font-size:2.5rem;text-align:center}.about-right-content h1:after{left:50%;transform:translate(-50%)}.about-right-content p{text-align:center;padding-left:0;font-size:1.2rem}.about-right-content p:before{display:none}.btn{align-self:center}.btn button{padding:.8rem 1.5rem;font-size:1rem}}.education-content{padding:80px 0;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;background:linear-gradient(135deg,#f7086c08,#35c9fc0d)}.education-content.visible{opacity:1;transform:translateY(0)}.education-content h1{font-size:3.5rem;font-weight:600;text-align:center;margin-bottom:4rem}.education-timeline{position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.education-timeline:after{content:"";position:absolute;width:2px;background:linear-gradient(to bottom,#f7086c,#35c9fc);top:0;bottom:0;left:50%;margin-left:-1px}.timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box;margin-bottom:40px;opacity:0;transform:translateY(50px);transition:all .6s ease}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd){left:0;transform-origin:right}.timeline-item:nth-child(2n){left:50%;transform-origin:left}.timeline-content{padding:30px;background:#fff;border-radius:15px;box-shadow:0 4px 17px #50505033;position:relative;transition:all .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 30px #5050504d}.education-icon{position:absolute;width:50px;height:50px;background:linear-gradient(to right,#f7086c,#35c9fc);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transition:all .3s ease}.timeline-item:nth-child(odd) .education-icon{right:-65px}.timeline-item:nth-child(2n) .education-icon{left:-65px}.timeline-content h3{font-size:1.5rem;margin-bottom:10px;color:#f7086c}.timeline-content h4{font-size:1.2rem;margin-bottom:10px;color:#35c9fc}.timeline-content .period{font-size:1rem;color:#666;margin-bottom:15px}.timeline-content .description{font-size:1rem;line-height:1.6;color:#333}.dark-mode .education-content{background:linear-gradient(135deg,#f7086c14,#35c9fc1a)}.dark-mode .timeline-content{background:var(--primary-dark)}.dark-mode .timeline-content h3,.dark-mode .timeline-content h4{color:#fff}.dark-mode .timeline-content .period{color:#ccc}.dark-mode .timeline-content .description{color:#fff}@media screen and (max-width: 768px){.education-content h1{font-size:2.5rem;margin-bottom:2rem}.education-timeline:after{display:none}.timeline-item{width:100%;padding:0 20px;margin-bottom:30px}.timeline-item:nth-child(2n){left:0}.timeline-content{padding:20px}.education-icon{position:relative;left:50%!important;right:auto!important;transform:translate(-50%);margin-bottom:20px;width:40px;height:40px;font-size:20px}.timeline-content h3{font-size:1.5rem;text-align:center}.timeline-content h4{font-size:1.3rem;text-align:center}.timeline-content .period{text-align:center}.timeline-content .description{font-size:1.2rem;text-align:center}}.skills-content{padding:80px 0;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;background:linear-gradient(135deg,#9333ea08,#f7086c0d)}.skills-content.visible{opacity:1;transform:translateY(0)}.skills-content h1{font-size:3.5rem;font-weight:600;text-align:center;margin-bottom:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem auto;max-width:1200px;padding:0 1rem}.skill-item{background:#fff;border-radius:15px;box-shadow:0 4px 17px #50505033;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.skill-item:hover{transform:translateY(-10px);box-shadow:0 10px 30px #5050504d}.skill-item h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.skill-icons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.skill-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .3s ease}.skill-icon:hover{transform:scale(1.1)}.skill-icon img{width:48px;height:48px;object-fit:contain}.skill-icon span{font-size:.9rem;color:#666}.scrolling-skills{width:100%;overflow:hidden;margin-top:3rem;padding:2rem 0;background:#ffffff0d;position:relative}.scrolling-skills:before,.scrolling-skills:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.scrolling-skills:before{left:0;background:linear-gradient(to right,rgba(255,255,255,1),transparent)}.scrolling-skills:after{right:0;background:linear-gradient(to left,rgba(255,255,255,1),transparent)}.scrolling-content{display:flex;animation:scroll 30s linear infinite;gap:3rem;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.scrolling-content:hover{animation-play-state:paused}.scroll-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;min-width:100px;transform:translateZ(0)}.scroll-icon img{width:48px;height:48px;object-fit:contain;transition:transform .3s ease;filter:grayscale(30%)}.scroll-icon:hover img{transform:scale(1.2);filter:grayscale(0%)}.scroll-icon span{font-size:.9rem;color:#666;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}.dark-mode .skills-content{background:linear-gradient(135deg,#9333ea14,#f7086c1a)}.dark-mode .skill-item{background:var(--primary-dark)}.dark-mode .skill-item h3,.dark-mode .skill-icon span,.dark-mode .scroll-icon span{color:#fff}.dark-mode .scrolling-skills:before{background:linear-gradient(to right,var(--primary-dark),transparent)}.dark-mode .scrolling-skills:after{background:linear-gradient(to left,var(--primary-dark),transparent)}@media screen and (max-width: 768px){.skills-content h1{font-size:2.5rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.skill-icon img,.scroll-icon img{width:40px;height:40px}.skill-icons{gap:1rem}.scrolling-content{animation:scroll 20s linear infinite;gap:2rem;touch-action:pan-x}.scroll-icon{min-width:80px;padding:.8rem}.scroll-icon span{font-size:.8rem}.scrolling-skills:before,.scrolling-skills:after{width:50px}}@media (hover: none){.scrolling-content{animation-play-state:running!important}.scroll-icon:active img{transform:scale(1.2);filter:grayscale(0%)}}.projects-content{padding:80px 0;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;background:linear-gradient(135deg,#35c9fc08,#9333ea0d)}.projects-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(247,8,108,.02) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(53,201,252,.02) 50%,transparent 60%);pointer-events:none;z-index:0;border-radius:20px}.projects-content.visible{opacity:1;transform:translateY(0)}.projects-content h1{font-size:3.5rem;font-weight:600;margin-bottom:3rem;opacity:0;transform:translateY(-30px);animation:titleAnimation .8s ease forwards}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 2rem;perspective:2000px;transform-style:preserve-3d}.project-item{transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;background:#fff;border-radius:15px;box-shadow:0 4px 17px #5050504f;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;opacity:0;transform:translateY(50px) scale(.98);aspect-ratio:1 / 1;will-change:transform,opacity;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-item.visible{opacity:1;transform:translateY(0)}.project-media{position:relative;width:100%;height:100%;overflow:hidden}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform,filter}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000e6,#000000b3,#0006);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;opacity:0;transform:translateY(100%);transition:all .5s cubic-bezier(.4,0,.2,1)}.project-overlay h3{color:orange;margin-bottom:1rem;transform:translateY(-20px);transition:transform .3s ease;font-size:24px;font-weight:600;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif}.project-item:hover .project-overlay h3{transform:translateY(0)}.project-description{color:#fff;text-align:start;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.project-info{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:2rem;transform:translateY(101%);transition:transform .6s cubic-bezier(.4,0,.2,1);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-item:hover .project-info{transform:translateY(0)}.project-item:hover img,.project-item:hover video{transform:scale(1.1);filter:blur(3px) brightness(.8)}.project-info h3{font-size:24px;font-weight:600;color:orange;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:all .4s ease .2s;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif}.project-item:hover .project-info h3{opacity:1;transform:translateY(0);color:#35c9fc;transform:translateY(-2px);transition:all .3s ease}.project-info p{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:all .4s ease .3s;font-family:Open Sans,sans-serif;font-size:1.1rem;line-height:1.7;letter-spacing:.2px}.project-item:hover .project-info p{opacity:1;transform:translateY(0)}.project-info strong{color:#f7086c;display:block;margin-bottom:.5rem}.project-link{display:inline-block;padding:12px 28px;background:linear-gradient(45deg,var(--primary-color),#35c9fc);color:var(--bg-color);border-radius:30px;text-decoration:none;font-weight:700;font-family:Poppins,sans-serif;letter-spacing:.5px;transition:all .4s ease;border:none;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.2);position:relative;overflow:hidden;margin-top:15px}.project-item:hover .project-link{opacity:1;transform:translateY(0)}.project-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4);background:linear-gradient(45deg,#35c9fc,var(--primary-color))}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.project-link:hover:before{left:100%}.project-link:hover{background:transparent;color:var(--text-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.3)}@keyframes titleAnimation{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.dropdown-wrapper{position:relative;perspective:1000px}.category-dropdown{transform-style:preserve-3d;backface-visibility:hidden;animation:dropdown-float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--bg-color) 0%,rgba(var(--primary-color-rgb),.1) 100%)}@keyframes dropdown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.projects-grid{perspective:2000px;transform-style:preserve-3d}.project-item{transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;transform:scale(.98);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-item:hover{transform:scale(1.02) translateY(-10px) rotate3d(1,1,0,2deg);box-shadow:0 20px 40px #0003;z-index:2}.project-media{overflow:hidden;position:relative}.project-media img,.project-media video{transition:transform .7s cubic-bezier(.4,0,.2,1)}.project-media:hover img,.project-media:hover video{transform:scale(1.1)}.project-overlay{background:linear-gradient(to top,#000000e6,#000000b3,#0006);opacity:0;transform:translateY(100%);transition:all .5s cubic-bezier(.4,0,.2,1)}.project-item:hover .project-overlay{opacity:1;transform:translateY(0)}.tech-tag{animation:tagAppear .5s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(20px);animation-delay:calc(var(--i) * .1s)}@keyframes tagAppear{to{opacity:1;transform:translateY(0)}}.view-project-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.view-project-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.view-project-btn:hover:before{width:300%;height:300%}.filter-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.filter-btn:hover:after{width:100%}.filter-btn.active{animation:activeButton .3s cubic-bezier(.4,0,.2,1)}@keyframes activeButton{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.project-media:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:200%}}.dark-mode .projects-content{background:linear-gradient(135deg,#35c9fc14,#9333ea1a)}.dark-mode .project-item{background-color:var(--primary-dark)}.dark-mode .project-info{background:#0d1021f2}.dark-mode .project-info p{color:#ccc}.dark-mode .project-info h3,.dark-mode .project-overlay h3{color:orange}.dark-mode .project-item:hover .project-info h3{color:#35c9fc}@media screen and (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;justify-items:center;align-items:center}.project-item{aspect-ratio:1 / 1;margin-bottom:1rem;height:300px;max-width:400px;width:100%}.project-info{padding:1.2rem;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;gap:.8rem;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.project-info::-webkit-scrollbar{width:4px}.project-info::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px}.project-info h3{font-size:1.1rem;margin-bottom:.2rem;line-height:1.1}.project-info p{font-size:.85rem;line-height:1.4;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-stack{gap:6px;flex-wrap:wrap;justify-content:flex-start}.tech-tag{padding:4px 10px;font-size:11px;white-space:nowrap}.view-project-btn{padding:6px 14px;font-size:10px;margin-top:6px;min-width:100px;letter-spacing:1px;align-self:flex-start;width:auto;text-align:center;justify-content:center}.view-project-icon{font-size:10px}.category-dropdown{width:100%;max-width:300px;padding:12px 40px 12px 20px;border-radius:12px;border:2px solid var(--primary-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;margin:1rem auto;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;transition:all .3s ease;background-image:linear-gradient(45deg,transparent 50%,var(--primary-color) 50%),linear-gradient(135deg,var(--primary-color) 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;box-shadow:0 2px 8px #0000001a}.category-dropdown:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.category-dropdown:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.2)}.category-dropdown option{background-color:var(--bg-color);color:var(--text-color);padding:12px}.category-dropdown option:hover{background-color:var(--primary-color)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-dropdown{animation:dropdown-appear .3s ease forwards}}.project-category{margin-bottom:3rem}.category-title{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;width:fit-content}.tech-stack{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;width:100%;z-index:2;position:relative}.tech-tag{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;font-family:SF Mono,Fira Code,monospace;background:#ffa50026;color:orange;border:1px solid rgba(255,165,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px);animation:tagFadeIn .5s ease forwards;animation-delay:calc(.1s * var(--i));z-index:3;box-shadow:0 0 10px #ffa5001a;text-shadow:0 0 5px rgba(255,165,0,.3);letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tech-tag:hover{transform:translateY(-3px);background:#ffa50040;box-shadow:0 5px 15px #ffa5004d;border-color:#ffa50080}@keyframes tagFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0);filter:brightness(1.1)}}.dark-mode .tech-tag{background:#ffa5001a;color:orange;box-shadow:0 0 15px #ffa50026}.category-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:2rem 0}.filter-btn{padding:12px 25px;border:2px solid var(--primary-color);background:transparent;color:var(--text-color);border-radius:30px;cursor:pointer;font-weight:600;font-family:Poppins,sans-serif;letter-spacing:.5px;transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.filter-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary-color);transition:all .4s ease;border-radius:50%;z-index:-1;transform:translate(-50%,-50%)}.filter-btn:hover:before{width:200%;height:200%}.filter-btn:hover{color:var(--bg-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.3)}.filter-btn.active{background:var(--primary-color);color:var(--bg-color);font-weight:700}.btn-hero{position:relative;padding:10px 20px;background-color:transparent;color:#64ffda;border:1px solid #64ffda;border-radius:4px;font-size:16px;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-hero:hover{background-color:#64ffda1a;transform:translateY(-2px)}.btn-hero:active{transform:translateY(0)}.btn{padding:.8rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem}.btn-primary{background:#64ffda;color:#0a192f;border:none}.btn-primary:hover{background:#64ffda;transform:translateY(-2px);box-shadow:0 5px 15px #64ffda66}.icon{font-size:.9rem}.view-project-btn{padding:12px 28px;background:linear-gradient(135deg,#ff3cacf2,#9333eaf2,#2b86c5f2);border:none;border-radius:30px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:start;gap:12px;margin-top:20px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:2px;z-index:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #9333ea4d,0 0 30px #ff3cac33,inset 0 0 20px #fff3,inset 0 0 10px #ffffff1a;animation:buttonPulse 2s infinite}@keyframes buttonPulse{0%{box-shadow:0 4px 15px #9333ea4d,0 0 30px #ff3cac33,inset 0 0 20px #fff3}50%{box-shadow:0 4px 25px #9333ea66,0 0 40px #ff3cac4d,inset 0 0 30px #ffffff4d}to{box-shadow:0 4px 15px #9333ea4d,0 0 30px #ff3cac33,inset 0 0 20px #fff3}}.view-project-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 80%,transparent 100%);transform:skew(-25deg);transition:transform .8s ease;z-index:2}.view-project-btn:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#2b86c5f2,#9333eaf2,#ff3cacf2);letter-spacing:3px}.view-project-btn:hover:before{transform:translate(200%) skew(-25deg);transition:transform 1.2s ease}.view-project-icon{position:relative;z-index:3;font-size:14px;transition:all .5s ease;filter:drop-shadow(0 0 3px rgba(255,255,255,.5));animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.view-project-btn:hover .view-project-icon{transform:translate(5px) scale(1.2) rotate(360deg);filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}@media (prefers-reduced-motion: reduce){.view-project-btn{transition:none}.view-project-btn:before,.view-project-btn:after,.view-project-icon{transition:none;animation:none}}.contact-content{padding-top:60px;padding-bottom:20px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;background:linear-gradient(135deg,#f7086c08,#35c9fc0d)}.contact-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 30%,rgba(147,51,234,.02) 50%,transparent 70%),linear-gradient(-135deg,transparent 30%,rgba(247,8,108,.02) 50%,transparent 70%);pointer-events:none;z-index:0;border-radius:20px 20px 0 0}.contact-content.visible{opacity:1;transform:translateY(0)}.contact-content h1{font-size:3.5rem;font-weight:600;text-align:center;margin-bottom:1rem}.contact-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.rotating-role{background:linear-gradient(45deg,#2563eb,#7c3aed,#059669);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;animation:gradient-shift 6s ease-in-out infinite,fade-in 1.2s ease-in-out}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .contact-content{background:linear-gradient(135deg,#f7086c14,#35c9fc1a)}.dark-mode .contact-subtitle{color:#ccc}.dark-mode .rotating-role{background:linear-gradient(45deg,#60a5fa,#a78bfa,#34d399);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.job-seeking-banner{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;padding:1rem 1.5rem;margin:1.5rem auto;max-width:600px;box-shadow:0 2px 8px #0000000d}.banner-content{display:flex;align-items:center;justify-content:center;gap:12px;color:#475569;font-weight:500;font-size:1rem;flex-wrap:wrap}.banner-content i{font-size:1.2rem;color:#22c55e}.status-badge{background:#22c55e;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark-mode .job-seeking-banner{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark-mode .banner-content{color:#d1d5db}.dark-mode .banner-content i{color:#34d399}@keyframes bounce-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.7}}.contact-methods{width:100%;margin-bottom:1.5rem}.contact-item{margin-bottom:.8rem;position:relative}.contact-item a{display:flex;align-items:center;justify-content:space-between;color:inherit;text-decoration:none;padding:.8rem 1rem;border-radius:12px;transition:all .3s ease;background:#ffffff80;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.dark-mode .contact-item a{background:#1a1a1a80;border-color:#ffffff1a}.contact-item a:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;background:#f7086c1a}.contact-item a i:first-child{font-size:1.4rem;margin-right:15px;background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-item a span{flex:1;font-weight:500}.copy-icon,.contact-item a i:last-child{opacity:0;transform:translate(10px);transition:all .3s ease;font-size:1rem}.contact-item a:hover .copy-icon,.contact-item a:hover i:last-child{opacity:1;transform:translate(0)}.availability-status{margin:1.5rem 0;text-align:center}.status-indicator{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:25px;font-size:.9rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.available{background:#22c55e}.job-preferences{margin:1.2rem 0;text-align:center}.job-preferences h4{margin-bottom:.8rem;font-size:1.1rem;color:#666;font-weight:600}.dark-mode .job-preferences h4{color:#ccc}.preference-tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.preference-tags .tag{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;padding:.5rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500;color:#475569;transition:all .2s ease;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 1px 3px #0000001a;position:relative}.preference-tags .tag i{font-size:.9rem;color:inherit}.preference-tags .tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#cbd5e1}.preference-tags .tag.full-time{color:#2563eb;border-color:#bfdbfe}.preference-tags .tag.full-time:hover{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border-color:#2563eb}.preference-tags .tag.remote{color:#059669;border-color:#a7f3d0}.preference-tags .tag.remote:hover{background:linear-gradient(145deg,#d1fae5,#a7f3d0);border-color:#059669}.preference-tags .tag.hybrid{color:#d97706;border-color:#fed7aa}.preference-tags .tag.hybrid:hover{background:linear-gradient(145deg,#fef3c7,#fed7aa);border-color:#d97706}.preference-tags .tag.contract{color:#7c3aed;border-color:#ddd6fe}.preference-tags .tag.contract:hover{background:linear-gradient(145deg,#ede9fe,#ddd6fe);border-color:#7c3aed}.dark-mode .preference-tags .tag{background:linear-gradient(145deg,#374151,#4b5563);border-color:#6b7280;color:#d1d5db}.dark-mode .preference-tags .tag:hover{background:linear-gradient(145deg,#4b5563,#6b7280);border-color:#9ca3af}.dark-mode .preference-tags .tag.full-time{color:#60a5fa;border-color:#3b82f6}.dark-mode .preference-tags .tag.full-time:hover{background:linear-gradient(145deg,#1e3a8a,#3b82f6)}.dark-mode .preference-tags .tag.remote{color:#34d399;border-color:#059669}.dark-mode .preference-tags .tag.remote:hover{background:linear-gradient(145deg,#064e3b,#059669)}.dark-mode .preference-tags .tag.hybrid{color:#fbbf24;border-color:#d97706}.dark-mode .preference-tags .tag.hybrid:hover{background:linear-gradient(145deg,#92400e,#d97706)}.dark-mode .preference-tags .tag.contract{color:#a78bfa;border-color:#7c3aed}.dark-mode .preference-tags .tag.contract:hover{background:linear-gradient(145deg,#581c87,#7c3aed)}.salary-expectation{margin-top:1rem;text-align:center}.salary-expectation span{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:#666;background:#22c55e1a;padding:.4rem .8rem;border-radius:15px;border:1px solid rgba(34,197,94,.2)}.dark-mode .salary-expectation span{color:#ccc;background:#22c55e26}.contact-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}.btn.schedule-btn{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.btn.schedule-btn button{color:#fff;font-weight:600}.form-intro{text-align:center;color:#666;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.dark-mode .form-intro{color:#ccc}.response-time{margin-top:.5rem!important;font-size:.8rem!important;opacity:.8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;position:relative;overflow:hidden}.contact-info,.contact-form{background:#fffffff2;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-info:hover,.contact-form:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.contact-info:before,.contact-form:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#f7086c1a,#35c9fc1a);z-index:-1;transition:all .4s ease}.contact-info:hover:before,.contact-form:hover:before{transform:scale(1.05)}.contact-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.contact-info h3{font-size:2rem;margin-bottom:2rem;background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.contact-info h3:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(to right,#f7086c,#35c9fc);border-radius:3px}.contact-form h3{font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.contact-info p{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.2rem;transition:all .3s ease}.contact-info p a{display:flex;align-items:center;color:inherit;text-decoration:none;padding:.5rem 1rem;border-radius:10px;transition:all .3s ease}.contact-info p a:hover{background:linear-gradient(to right,#f7086c1a,#35c9fc1a);transform:translate(5px)}.contact-info i{font-size:1.4rem;background:linear-gradient(to right,#f7086c,#35c9fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}.contact-info p:hover i{transform:scale(1.2)}.contact-form{display:flex;flex-direction:column;justify-content:space-between}.contact-form form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.form-group input,.form-group textarea{width:90%;padding:1rem;border:2px solid transparent;border-radius:12px;background:#ffffffe6;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 10px #0000000d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f7086c;box-shadow:0 0 0 4px #f7086c1a;transform:translateY(-2px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;transition:all .3s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.7;transform:translate(5px)}.form-group textarea{height:120px;resize:vertical;min-height:100px;max-height:200px}.form-group input.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.error-message{color:#ef4444;font-size:.875rem;margin-top:.3rem;display:block;font-weight:500}.character-count{display:flex;justify-content:flex-end;margin-top:.3rem;font-size:.875rem;color:#666}.character-count .warning{color:#f59e0b;font-weight:600}.dark-mode .character-count{color:#888}.form-footer{margin-top:1rem;text-align:center}.form-footer p{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;color:#666;margin:0}.form-footer i{color:#22c55e}.dark-mode .form-footer p{color:#888}.btn{position:relative;width:fit-content;align-self:center;margin-top:1.5rem;overflow:hidden;border-radius:50px;padding:1px;background:linear-gradient(45deg,#f7086c,#35c9fc);transition:all .4s ease}.btn:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 25%,rgba(255,255,255,.2) 75%,transparent 100%);transform:skew(-25deg);transition:all .75s ease}.btn:hover:before{left:100%}.btn button{display:flex;align-items:center;justify-content:center;gap:10px;padding:.8rem 2rem;font-size:1rem;font-weight:600;color:#333;background:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover button{background:transparent;color:#fff}.btn button i{font-size:1.2rem;transition:transform .3s ease}.btn:hover button i{transform:translate(5px)}.btn button:disabled{opacity:.7;cursor:not-allowed}.btn.disabled{opacity:.6;pointer-events:none}.btn.download-btn{background:linear-gradient(45deg,#35c9fc,#f7086c)}.btn.download-btn button{padding:.8rem 1.5rem}.dark-mode .contact-info,.dark-mode .contact-form{background:#1a1a1af2;border-color:#ffffff1a}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#1a1a1ae6;color:#fff}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#888}.dark-mode .btn button{background:var(--primary-dark);color:#fff}.dark-mode .btn:hover button{background:transparent}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes success-animation{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media screen and (max-width: 768px){.contact-content{padding-top:40px}.contact-content h1{font-size:2.5rem}.job-seeking-banner{margin:1rem auto;padding:.6rem 1rem}.banner-content{font-size:1rem;gap:8px}.status-badge{font-size:.75rem;padding:.15rem .5rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.preference-tags{gap:.4rem}.preference-tags .tag{padding:.3rem .6rem;font-size:.8rem}.contact-actions{flex-direction:row;gap:.6rem}.contact-actions .btn{flex:1}.form-group input,.form-group textarea{padding:.8rem;font-size:.9rem}.form-group textarea{height:100px;min-height:80px}}footer{background:linear-gradient(to right,#f7086c,#35c9fc),radial-gradient(ellipse at center top,rgba(255,255,255,.1) 0%,transparent 50%);color:#fff;padding:1rem 0;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);pointer-events:none;z-index:0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1rem}.footer-logo a{font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none;opacity:0;animation:leftSideAni 1s ease forwards}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease;opacity:0;animation:navani .3s ease forwards;animation-delay:calc(.1s * var(--navAni));cursor:pointer}.footer-links a:hover,.footer-links a.active{color:var(--primary-dark)}.footer-social{display:flex;gap:1rem}.footer-social a{color:#fff;font-size:1.5rem;transition:all .3s ease;opacity:0;animation:SocialAni 1s ease forwards;animation-delay:calc(.2s * var(--socialAni))}.footer-social a:hover{color:var(--primary-dark);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:.9rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.5s}.dark-mode footer{background:linear-gradient(to right,#0d1021,#1a1a1a)}.dark-mode .footer-links a:hover,.dark-mode .footer-links a.active,.dark-mode .footer-social a:hover{color:var(--primary-color)}@media screen and (max-width: 768px){footer{display:none}}.toast{position:fixed;top:calc(25px + var(--toast-index, 0) * 65px);right:30px;min-width:280px;max-width:350px;border-radius:12px;background:#fff;padding:12px 16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;transform:translate(calc(100% + 50px)) scale(.9);transition:all .4s cubic-bezier(.68,-.55,.265,1.35);z-index:calc(1000 + var(--toast-index, 0));opacity:0;border-left:4px solid transparent}.toast.visible{transform:translate(0) scale(1);opacity:1}.toast.exiting{transform:translate(calc(100% + 50px)) scale(.8);opacity:0;transition:all .3s ease-in}.toast:hover{transform:translate(-5px) scale(1.02);box-shadow:0 12px 40px #00000026}.toast:focus{outline:2px solid #4070f4;outline-offset:2px}.toast .toast-content{display:flex;align-items:center;gap:12px}.toast-content .icon{display:flex;align-items:center;justify-content:center;height:32px;min-width:32px;background-color:#4070f4;color:#fff;font-size:16px;border-radius:50%;animation:iconPulse .6s ease-out}.toast.success{border-left-color:#2ecc71}.toast.success .icon{background:linear-gradient(135deg,#2ecc71,#27ae60)}.toast.error{border-left-color:#e74c3c}.toast.error .icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.toast.warning{border-left-color:#f39c12}.toast.warning .icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.toast.info{border-left-color:#3498db}.toast.info .icon{background:linear-gradient(135deg,#3498db,#2980b9)}.toast-content .message{flex:1;min-width:0}.message .text{font-size:14px;font-weight:400;color:#555;line-height:1.4;word-wrap:break-word;display:block}.message .text strong{font-weight:600;color:#333}.toast .close{background:none;border:none;margin-left:auto;padding:6px;cursor:pointer;opacity:.6;transition:all .2s ease;font-size:16px;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.toast .close:hover{opacity:1;background-color:#0000000d;transform:scale(1.1)}.toast .close:focus{outline:2px solid #4070f4;outline-offset:1px}.toast .progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#00000014;overflow:hidden}.toast .progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressBar var(--duration, 5s) linear forwards}.toast.success .progress:before{background:linear-gradient(90deg,#2ecc71,#27ae60);animation:progressBar var(--duration, 5s) linear forwards,shimmer 2s ease-in-out infinite}.toast.error .progress:before{background:linear-gradient(90deg,#e74c3c,#c0392b);animation:progressBar var(--duration, 5s) linear forwards}.toast.warning .progress:before{background:linear-gradient(90deg,#f39c12,#e67e22);animation:progressBar var(--duration, 5s) linear forwards}.toast.info .progress:before{background:linear-gradient(90deg,#3498db,#2980b9);animation:progressBar var(--duration, 5s) linear forwards}.dark-mode .toast{background:#2c2c2c;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.dark-mode .message .text{color:#e0e0e0}.dark-mode .message .text strong{color:#fff}.dark-mode .toast .close{color:#bbb}.dark-mode .toast .close:hover{background-color:#ffffff1a;color:#fff}.dark-mode .toast .progress{background:#ffffff1a}@keyframes iconPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes progressBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@media screen and (max-width: 768px){.toast{top:auto;bottom:calc(25px + var(--toast-index, 0) * 65px);left:20px;right:20px;min-width:auto;max-width:none;padding:10px 14px;transform:translateY(calc(100% + 20px)) scale(.9)}.toast.visible{transform:translateY(0) scale(1)}.toast.exiting{transform:translateY(calc(100% + 20px)) scale(.8)}.toast:hover{transform:translateY(-3px) scale(1.01)}.toast-content .icon{height:28px;min-width:28px;font-size:14px}.message .text{font-size:13px}.toast .close{width:24px;height:24px;font-size:14px}}@media screen and (max-width: 480px){.toast{left:15px;right:15px;padding:10px 12px}.toast-content{gap:10px}.message .text{font-size:12px}}.exp-container{padding:4rem 2rem;background:linear-gradient(135deg,#35c9fc08,#9333ea0d)}.exp-content{max-width:1200px;margin:0 auto;opacity:0;transform:translateY(20px);transition:all .6s ease}.exp-content.visible{opacity:1;transform:translateY(0)}.exp-content h1{text-align:center;margin-bottom:3rem;font-size:2.5rem}.exp-timeline{position:relative;max-width:1000px;margin:0 auto}.exp-timeline:after{content:"";position:absolute;width:6px;background:var(--gradient-1);top:0;bottom:0;left:50%;margin-left:-3px;border-radius:3px}.exp-timeline-item{padding:10px 40px;position:relative;width:50%;opacity:0;transform:translateY(20px);transition:all .6s ease}.exp-timeline-item:nth-child(odd){left:0;padding-right:60px}.exp-timeline-item:nth-child(2n){left:50%;padding-left:60px}.exp-timeline-item.visible{opacity:1;transform:translateY(0)}.exp-timeline-content{padding:20px;background:var(--card-bg);border-radius:15px;box-shadow:0 4px 15px #0000001a;position:relative;transition:transform .3s ease}.exp-timeline-content:hover{transform:translateY(-5px)}.exp-icon{position:absolute;width:40px;height:40px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.exp-timeline-item:nth-child(odd) .exp-icon{right:-20px}.exp-timeline-item:nth-child(2n) .exp-icon{left:-20px}.exp-timeline-content h3{margin:0 0 10px;color:var(--primary-color);font-size:1.4rem}.exp-timeline-content h4{margin:0 0 10px;color:var(--text-color);font-size:1.1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tech-tag{padding:4px 12px;background:var(--gradient-1);border-radius:20px;font-size:.8rem;color:#fff}@media screen and (max-width: 768px){.exp-timeline:after{left:31px}.exp-timeline-item{width:100%;padding-left:70px;padding-right:25px}.exp-timeline-item:nth-child(odd),.exp-timeline-item:nth-child(2n){left:0}.exp-icon{left:11px!important}.exp-timeline-content{padding:15px}.exp-timeline-content h3{font-size:1.2rem}.exp-timeline-content h4{font-size:1rem}}.period{color:var(--secondary-color);font-size:.9rem;margin-bottom:10px}.description{margin:15px 0;line-height:1.6}.dark-mode .exp-container{background:linear-gradient(135deg,#35c9fc14,#9333ea1a)}#root{margin:0 auto;text-align:center}*{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}main{margin-bottom:2rem}section{padding:80px 0}.mobile-music-btn{display:none;transform:translateY(0);opacity:1;transition:all .3s ease}.mobile-music-btn.hidden{transform:translateY(-100px);opacity:0}.mobile-logo{display:none;position:absolute;top:1rem;left:1rem;z-index:1000;opacity:1;transition:opacity .3s ease}.mobile-logo.hidden{opacity:0}.gradient-text{font-size:1.8rem;margin-left:10px;font-weight:700;background:linear-gradient(to right,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width: 768px){.mobile-music-btn{display:block;position:fixed;top:20px;right:20px;z-index:1001}.mobile-music-btn .music-btn{width:45px;height:45px;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.mobile-music-btn .music-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f7086c,#35c9fc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .3s ease;opacity:.5}.mobile-music-btn .music-btn:hover:before{opacity:1}.mobile-music-btn .music-bars{display:flex;gap:3px}.mobile-music-btn .bar{width:3px;height:20px;background:linear-gradient(to top,#f7086c,#35c9fc);border-radius:15px;animation:soundBars 1s ease infinite}.mobile-music-btn .play-btn i{font-size:3rem;background:linear-gradient(45deg,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode .mobile-music-btn .music-btn{background:transparent}.mobile-logo{display:block}}@keyframes soundBars{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:1000;box-shadow:0 4px 15px #667eea4d}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 20px #667eea66}.scroll-to-top i{font-size:24px;color:#fff;transition:transform .3s ease}.scroll-to-top:hover i{transform:translateY(-2px)}.dark-mode .scroll-to-top{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d}.dark-mode .scroll-to-top:hover{box-shadow:0 6px 20px #4facfe66}@media (max-width: 768px){.scroll-to-top{bottom:80px;right:20px;width:45px;height:45px}.scroll-to-top i{font-size:20px}}:root{--primary-color: #f9532d;--primary-dark: #0d1021;--primary-font: "Outfit", sans-serif;--bg-light: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-light-alt: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg-dark: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 100%);--bg-dark-alt: linear-gradient(135deg, #16213e 0%, #0f3460 100%);--section-bg-light: rgba(255, 255, 255, .1);--section-bg-dark: rgba(0, 0, 0, .3)}*{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-attachment:fixed;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(247,8,108,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(53,201,252,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(147,51,234,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.container{padding:0 8.4rem}.img-w{width:100%}.text-color{background:#f7086c;background:linear-gradient(to right,#f7086c,#35c9fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark-mode{background:linear-gradient(135deg,#0c0c0c,#1a1a2e)!important;background-attachment:fixed!important;color:#fff}.dark-mode:before{background:radial-gradient(circle at 20% 50%,rgba(247,8,108,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(53,201,252,.2) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(147,51,234,.2) 0%,transparent 50%)!important}.fade-up{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .6s ease}.fade-in.visible{opacity:1}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .6s ease}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .6s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}@keyframes leftSideAni{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rightSideAni{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes topSideAni{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes SocialAni{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes btn-ani{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ImgAni{0%{transform:translate(0)}50%{transform:translate(-9px)}to{transform:translate(0)}}@keyframes imageAni{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{to{opacity:1}}@keyframes navani{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes progress{to{right:100%}}@media screen and (max-width: 1024px){html{font-size:80%}.container{padding:0 4.4rem}}@media screen and (max-width: 768px){html{font-size:80%}.container{padding:0 1.6rem}.main{margin-top:2rem;grid-template-columns:1fr}}