html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#ec4899);border-radius:3px}::selection{color:#fff;background-color:#6366f14d}.gradient-text{background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff14}.dark .glass{background:#0f172a99;border:1px solid #6366f11a}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f10f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.dark .cursor-glow{background:radial-gradient(circle,#6366f114 0%,#0000 70%)}.glow{box-shadow:0 0 20px #6366f14d,0 0 60px #6366f11a}.glow-hover:hover{box-shadow:0 0 30px #6366f166,0 0 80px #6366f126}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animate-gradient{background-size:200% 200%;animation:8s infinite gradient-shift}#navbar{animation:.6s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#navbar.navbar-scrolled{-webkit-backdrop-filter:blur(24px)saturate(180%);background-color:#ffffffd9;box-shadow:0 1px 3px #0000000d,0 10px 30px -10px #6366f114}html.dark #navbar.navbar-scrolled{background-color:#0f172ad9;box-shadow:0 1px 3px #0003,0 10px 30px -10px #6366f11a}.nav-link{position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:60%}.nav-link.active{color:#6366f1!important}html.dark .nav-link.active{color:#818cf8!important}#mobile-menu{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}#mobile-menu.open{opacity:1;max-height:500px}.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll[data-animation=fade-up],.animate-on-scroll:not([data-animation]){transform:translateY(50px)}.animate-on-scroll[data-animation=fade-left]{transform:translate(-50px)}.animate-on-scroll[data-animation=fade-right]{transform:translate(50px)}.animate-on-scroll[data-animation=scale]{transform:scale(.9)}.animate-on-scroll[data-animation=fade-down]{transform:translateY(-40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)translate(0)scale(1)}.animate-on-scroll[data-delay="1"]{transition-delay:50ms}.animate-on-scroll[data-delay="2"]{transition-delay:.1s}.animate-on-scroll[data-delay="3"]{transition-delay:.15s}.animate-on-scroll[data-delay="4"]{transition-delay:.2s}.animate-on-scroll[data-delay="5"]{transition-delay:.25s}.animate-on-scroll[data-delay="6"]{transition-delay:.3s}.animate-on-scroll[data-delay="7"]{transition-delay:.35s}.animate-on-scroll[data-delay="8"]{transition-delay:.4s}.animate-on-scroll[data-delay="9"]{transition-delay:.45s}.animate-on-scroll[data-delay="10"]{transition-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}.animate-float-delayed{animation:4s ease-in-out 1s infinite float}@keyframes pulseRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.pulse-ring:before{content:"";border:2px solid #22c55e;border-radius:50%;animation:2s ease-out infinite pulseRing;position:absolute;inset:0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:.8s step-end infinite blink}@keyframes particleFloat{0%,to{opacity:.15;transform:translateY(0)translate(0)rotate(0)}25%{opacity:.6;transform:translateY(-20px)translate(10px)rotate(90deg)}50%{opacity:.8;transform:translateY(-40px)translate(-5px)rotate(180deg)}75%{opacity:.4;transform:translateY(-20px)translate(15px)rotate(270deg)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.animate-bounce-slow{animation:1.5s ease-in-out infinite bounce-slow}.counter-value{font-variant-numeric:tabular-nums;display:inline-block}.timeline-line{height:0;transition:height 1.5s ease-out}.timeline-line.visible{height:100%}.timeline-dot{transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.timeline-dot.visible{transform:scale(1)}.skill-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.skill-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 20px 40px -15px #00000026}.skill-card .skill-glow{opacity:0;transition:opacity .3s}.skill-card:hover .skill-glow{opacity:1}.project-card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .3s}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px -15px #0003}.project-card .project-overlay{opacity:0;background:linear-gradient(135deg,#6366f100 0%,#0000 100%);transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-overlay{opacity:1;background:linear-gradient(135deg,#6366f14d 0%,#00000080 100%)}.project-card .project-image{transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image{transform:scale(1.08)}.filter-btn{transition:color .3s,background-color .3s;position:relative}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 4px 15px #6366f14d}.project-item{transition:opacity .4s,transform .4s cubic-bezier(.4,0,.2,1)}.project-item.hidden-project{opacity:0;pointer-events:none;position:absolute;transform:scale(.8)}.service-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px #6366f133}.service-card .service-icon{transition:transform .3s,background-color .3s}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.testimonial-card{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s}.testimonial-dots .dot{cursor:pointer;background-color:#94a3b8;border-radius:50%;width:8px;height:8px;transition:all .3s}.testimonial-dots .dot.active{background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:4px;width:24px}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.hero-animate{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) forwards heroFadeIn;transform:translateY(20px)}.hero-animate[data-hero-delay="1"]{animation-delay:.2s}.hero-animate[data-hero-delay="2"]{animation-delay:.4s}.hero-animate[data-hero-delay="3"]{animation-delay:.6s}.hero-animate[data-hero-delay="4"]{animation-delay:.8s}.hero-animate[data-hero-delay="5"]{animation-delay:1s}.hero-animate[data-hero-delay="6"]{animation-delay:1.2s}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-link{transition:transform .2s,color .2s,border-color .2s,box-shadow .2s}.social-link:hover{transform:scale(1.1)translateY(-3px);box-shadow:0 8px 20px -8px #6366f14d}.btn-scale{transition:transform .2s,box-shadow .3s}.btn-scale:hover{transform:scale(1.05)}.btn-scale:active{transform:scale(.97)}.exp-card{transition:box-shadow .3s,border-color .3s,transform .3s}.exp-card:hover{transform:translate(4px);box-shadow:0 15px 30px -10px #0000001a}html.dark .exp-card:hover{box-shadow:0 15px 30px -10px #6366f11a}.avatar-container{position:relative}.avatar-container:before{content:"";z-index:-1;opacity:.6;background:linear-gradient(135deg,#6366f1,#ec4899,#06b6d4) 0 0/200% 200%;border-radius:1.5rem;animation:4s infinite gradient-shift;position:absolute;inset:-4px}.avatar-container:after{content:"";z-index:-2;opacity:.2;filter:blur(20px);background:linear-gradient(135deg,#6366f1,#ec4899,#06b6d4) 0 0/200% 200%;border-radius:1.5rem;animation:4s infinite gradient-shift;position:absolute;inset:-8px}@keyframes morphShape{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70% 60%}75%{border-radius:60% 30% 60% 40%/70% 50% 40% 60%}}.morph-shape{animation:10s ease-in-out infinite morphShape}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#0000 25%,#ffffff0d 50%,#0000 75%) 0 0/200% 100%;animation:2s infinite shimmer}.back-to-top{opacity:0;visibility:hidden;transition:all .3s;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.form-input{transition:border-color .3s,box-shadow .3s}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}html.dark .form-input:focus{box-shadow:0 0 0 3px #6366f126}.star-rating{color:#fbbf24}.section-divider{background:linear-gradient(90deg,#0000,#6366f133,#0000);height:1px}