html{scroll-behavior:smooth}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#38bdf8,#818cf8,#c084fc);z-index:100;width:0%;transition:width .1s ease-out}.hero-gradient{background:linear-gradient(135deg,#0f172a,#1e293b)}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.text-gradient{background:linear-gradient(120deg,#38bdf8,#818cf8,#c084fc,#38bdf8);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.reveal{opacity:0;transition:all .9s cubic-bezier(.22,1,.36,1)}.reveal-up{transform:translateY(60px)}.reveal-left{transform:translate(-80px)}.reveal-right{transform:translate(80px)}.reveal.visible{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;animation:float 20s ease-in-out infinite}.blob-1{width:400px;height:400px;background:#38bdf8;top:10%;left:-10%}.blob-2{width:350px;height:350px;background:#818cf8;bottom:20%;right:-5%;animation-delay:-7s}.blob-3{width:300px;height:300px;background:#c084fc;top:50%;left:40%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-60px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.95)}}.particle{position:absolute;background:#38bdf8;border-radius:50%;pointer-events:none;animation:particleFloat 15s linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(100px);opacity:0}}.timeline-line:before{content:"";position:absolute;left:1rem;top:0;height:0;width:2px;background:linear-gradient(to bottom,#38bdf8,#818cf8,#c084fc);transition:height 2s ease-out}.timeline-line.animate:before{height:100%}@media (min-width: 640px){.timeline-line:before{left:50%;transform:translate(-50%)}}.timeline-dot{position:relative}.timeline-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:inherit;opacity:0;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.hover-lift{transition:all .4s cubic-bezier(.22,1,.36,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #38bdf826}.skill-tag{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.skill-tag:hover{transform:translateY(-3px) scale(1.08);background:#38bdf833;border-color:#38bdf8;color:#38bdf8}.stat-number{display:inline-block;transition:transform .5s ease}.stat-card:hover .stat-number{transform:scale(1.15)}.animated-grid{background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.section-divider{height:1px;background:linear-gradient(90deg,transparent,#38bdf8,#818cf8,transparent);opacity:0;transform:scaleX(0);transition:all 1.2s cubic-bezier(.22,1,.36,1)}.section-divider.visible{opacity:.5;transform:scaleX(1)}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-shine:hover:before{left:100%}.icon-rotate{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.group:hover .icon-rotate{transform:rotate(360deg) scale(1.1)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:all .3s;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:100%}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;animation:marquee 30s linear infinite;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-hint{animation:scrollHint 2s ease-in-out infinite}@keyframes scrollHint{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}.project-tab{transition:all .3s ease;cursor:pointer}.project-tab.active{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#fff;border-color:transparent}.project-tab:not(.active):hover{background:#38bdf81a;border-color:#38bdf8}.project-content{display:none;animation:fadeInTab .5s ease}.project-content.active{display:block}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lang-bar{height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.lang-progress{height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:3px;width:0;transition:width 1.5s cubic-bezier(.22,1,.36,1)}