@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:#0c1117;--bg-elevated:#131c24;--bg-section:#131c24b8;--accent-blue:#1e8a82;--accent-sky:#9ef0c6;--accent-indigo:#43b5a0;--accent-violet:#ef8a65;--text-primary:#f1f6f5;--text-secondary:#c5d1d2;--text-muted:#84939d;--border-subtle:#a6bec133;--gradient-accent:linear-gradient(270deg, #9ef0c6, #5fcaaf, #f19a79, #9ef0c6);--gradient-cta:linear-gradient(135deg, #1e8a82 0%, #43b5a0 52%, #7eddb6 100%);--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}.section-glow{position:relative}.section-glow:before{content:"";opacity:.85;background:linear-gradient(90deg,#0000,#60a5fa8c,#a78bfa8c,#0000);width:min(640px,80%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-18px)}70%{transform:translateY(-9px)}90%{transform:translateY(-3px)}}@keyframes blobDrift1{0%,to{opacity:.55;transform:translate(0)scale(1)}33%{opacity:.85;transform:translate(28px,-20px)scale(1.08)}66%{opacity:.45;transform:translate(-16px,22px)scale(.92)}}@keyframes blobDrift2{0%,to{opacity:.55;transform:translate(0)scale(1)}33%{opacity:.45;transform:translate(-22px,18px)scale(.93)}66%{opacity:.85;transform:translate(18px,-22px)scale(1.08)}}@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%{background-position:100%}}@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)}}@keyframes heroCardDrift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(.4deg)}}@keyframes heroCardDriftReverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(9px)rotate(-.4deg)}}.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{animation:5s ease-in-out .9s infinite floatY;display:inline-block}.hero-avatar-ring{border-radius:50%;animation:4s ease-in-out infinite avatarRing}.hero-grid{opacity:.2;background-image:linear-gradient(#b7d5d029 1px,#0000 1px),linear-gradient(90deg,#b7d5d029 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero-orb{filter:blur(80px);opacity:.18;pointer-events:none;border-radius:50%;width:32rem;height:32rem;position:absolute}.hero-orb-one{background:#ef8a65;top:-18rem;right:-12rem}.hero-orb-two{background:#2cae9d;bottom:-19rem;left:-14rem}.hero-float-card{animation:5.5s ease-in-out infinite heroCardDrift}.hero-float-card-delay{animation:6.2s ease-in-out .7s infinite heroCardDriftReverse}.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:0;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{z-index:2000;background:var(--gradient-cta);transform-origin:0;pointer-events:none;background-size:200% 100%;width:0%;height:3px;animation:3s linear infinite shimmer;position:fixed;top:0;left:0;box-shadow:0 0 12px #3b82f68c}@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,.hero-float-card,.hero-float-card-delay,.anim-fade-up,.anim-fade-left,.anim-fade-right,.anim-scale-in,.skill-chip-anim,.progress-bar-fill,.stat-pop,.gradient-text,.scroll-progress{opacity:1!important;animation:none!important;transform:none!important}.progress-bar-fill{transform:scaleX(1)!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0c1117}::-webkit-scrollbar-thumb{background:linear-gradient(#1e8a82,#9ef0c6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#43b5a0,#ef8a65)}::selection{color:#fff;background:#43b5a059}
