@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary: #0b1220;--bg-elevated: #111827;--bg-section: rgba(17, 28, 48, .72);--accent-blue: #3b82f6;--accent-sky: #60a5fa;--accent-indigo: #818cf8;--accent-violet: #a78bfa;--text-primary: #f9fafb;--text-secondary: #c7d2fe;--text-muted: #9ca3af;--border-subtle: rgba(99, 116, 152, .28);--gradient-accent: linear-gradient(270deg, #60a5fa, #818cf8, #a78bfa, #60a5fa);--gradient-cta: linear-gradient(135deg, #3b82f6 0%, #6366f1 50%, #8b5cf6 100%);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary)}html{scroll-behavior:smooth}.gradient-text{background:var(--gradient-accent);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite}.section-glow{position:relative}.section-glow:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(640px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.55),rgba(167,139,250,.55),transparent);opacity:.85}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-18px,0)}70%{transform:translate3d(0,-9px,0)}90%{transform:translate3d(0,-3px,0)}}@keyframes blobDrift1{0%,to{transform:translate(0) scale(1);opacity:.55}33%{transform:translate(28px,-20px) scale(1.08);opacity:.85}66%{transform:translate(-16px,22px) scale(.92);opacity:.45}}@keyframes blobDrift2{0%,to{transform:translate(0) scale(1);opacity:.55}33%{transform:translate(-22px,18px) scale(.93);opacity:.45}66%{transform:translate(18px,-22px) scale(1.08);opacity:.85}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes techBadgeFloat{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(6px,-9px) rotate(.8deg)}40%{transform:translate(-4px,7px) rotate(-.5deg)}60%{transform:translate(7px,4px) rotate(.6deg)}80%{transform:translate(-5px,-6px) rotate(-.7deg)}}@keyframes avatarRing{0%,to{box-shadow:0 0 0 3px #60a5fa59,0 0 32px #6366f147,0 25px 50px -12px #00000073}50%{box-shadow:0 0 0 6px #a78bfa40,0 0 48px #3b82f659,0 25px 50px -12px #00000073}}@keyframes skillChipIn{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes softGlow{0%,to{opacity:.4}50%{opacity:.75}}@keyframes countPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.hero-fade-1{animation:heroFadeUp .7s var(--ease-out) .1s both}.hero-fade-2{animation:heroFadeUp .7s var(--ease-out) .28s both}.hero-fade-3{animation:heroFadeUp .7s var(--ease-out) .44s both}.hero-fade-4{animation:heroFadeUp .7s var(--ease-out) .58s both}.hero-fade-5{animation:heroFadeUp .7s var(--ease-out) .72s both}.hero-float{display:inline-block;animation:floatY 5s ease-in-out .9s infinite}.hero-avatar-ring{animation:avatarRing 4s ease-in-out infinite;border-radius:50%}.anim-fade-up,.anim-fade-left,.anim-fade-right,.anim-scale-in{opacity:0}.anim-fade-up.visible{animation:fadeInUp .7s var(--ease-out) both}.anim-fade-left.visible{animation:fadeInLeft .7s var(--ease-out) both}.anim-fade-right.visible{animation:fadeInRight .7s var(--ease-out) both}.anim-scale-in.visible{animation:scaleIn .6s var(--ease-out) both}.skill-chip-anim{opacity:0}.skill-chip-anim.visible{animation:skillChipIn .45s var(--ease-out) both}.progress-bar-fill{transform-origin:left center;transform:scaleX(0)}.progress-bar-fill.visible{animation:progressFill 1.1s var(--ease-out) both}.stat-pop.visible{animation:countPop .55s var(--ease-out) both}.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:2000;background:var(--gradient-cta);background-size:200% 100%;animation:shimmer 3s linear infinite;transform-origin:left;width:0%;box-shadow:0 0 12px #3b82f68c;pointer-events:none}@media (prefers-reduced-motion: reduce){.hero-fade-1,.hero-fade-2,.hero-fade-3,.hero-fade-4,.hero-fade-5,.hero-float,.hero-avatar-ring,.anim-fade-up,.anim-fade-left,.anim-fade-right,.anim-scale-in,.skill-chip-anim,.progress-bar-fill,.stat-pop,.gradient-text,.scroll-progress{animation:none!important;opacity:1!important;transform:none!important}.progress-bar-fill{transform:scaleX(1)!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b1220}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#818cf8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#a78bfa)}::-moz-selection{background:#3b82f659;color:#fff}::selection{background:#3b82f659;color:#fff}