@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-magenta: #ff3d7f;--brand-magenta-rgb: 255, 61, 127;--brand-orange: #ffa63d;--brand-coral: #ff7a45;--brand-teal: #2dd4bf;--brand-purple: #a78bfa;--brand-violet: #c084fc;--brand-violet-rgb: 192, 132, 252;--ink-950: #070a0e;--ink-900: #0b0f15;--ink-850: #0f141c;--ink-800: #131923;--surface-hero: linear-gradient(180deg, #0b0f15 0%, #0f141c 100%);--surface-about: linear-gradient(180deg, #0f141c 0%, #131923 100%);--surface-skills: linear-gradient(180deg, #131923 0%, #0f141c 100%);--surface-certs: linear-gradient(180deg, #0f141c 0%, #131923 100%);--surface-contact: linear-gradient(180deg, #131923 0%, #0b0f15 100%);--surface-footer: var(--ink-950);--text-strong: #f1f5f9;--text-muted: #9aa8ba;--text-on-accent: #0b0f15;--card-bg: rgba(255, 255, 255, .045);--card-bg-strong: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .1);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .4), 0 20px 48px rgba(0, 0, 0, .35);--container-width: 1120px;--section-padding: clamp(4rem, 9vw, 7rem);font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root,.app-container{overflow-x:hidden}body{min-width:320px;min-height:100vh;font-family:inherit;background:var(--ink-900);color:var(--text-strong)}#root,.app-container{width:100%}.app-container{min-height:100vh}:where(a,button,[tabindex]):focus-visible{outline:3px solid #ffffff;outline-offset:3px;box-shadow:0 0 0 6px #111827a6;border-radius:var(--radius-sm)}.container{max-width:min(var(--container-width),100% - 2rem);margin:0 auto;padding:0 1rem;position:relative;z-index:2}@keyframes heroRise{0%{transform:translateY(18px)}to{transform:none}}.hero-text>*,.profile-container{animation:heroRise .6s cubic-bezier(.22,.61,.36,1) backwards}.hero-text>:nth-child(2){animation-delay:.06s}.hero-text>:nth-child(3){animation-delay:.12s}.profile-container{animation-delay:.1s}.js-reveal .reveal{opacity:0;transform:translateY(20px)}.js-reveal .reveal.is-visible{opacity:1;transform:none;transition:opacity .6s ease var(--reveal-delay, 0s),transform .6s ease var(--reveal-delay, 0s)}.section-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.section-glow:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 60% at 50% 0%,rgba(var(--glow, 255, 255, 255),.13),transparent 65%)}.about-section{--glow: 45, 212, 191}.skills-section{--glow: 255, 166, 61}.certifications-section{--glow: 255, 61, 127}.contact-section{--glow: 167, 139, 250}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:.6rem}.section-subtitle{font-size:clamp(1rem,2vw,1.15rem);font-weight:500;margin-bottom:2.5rem;color:var(--text-muted)}.hero-section{min-height:100vh;width:100%;background:var(--surface-hero);position:relative;display:flex;align-items:center;padding:2rem 0;overflow:hidden}.bg-flare{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;pointer-events:none;will-change:transform}.flare-1{width:min(300px,60vw);height:min(300px,60vw);background:linear-gradient(45deg,var(--brand-orange),#f4a21c);top:10%;right:10%;animation:float1 15s ease-in-out infinite}.flare-2{width:min(250px,50vw);height:min(250px,50vw);background:linear-gradient(45deg,var(--brand-magenta),#e91e63);bottom:20%;right:30%;animation:float2 18s ease-in-out infinite}.flare-3{width:min(280px,55vw);height:min(280px,55vw);background:linear-gradient(45deg,var(--brand-teal),#009aa6);top:40%;left:5%;animation:float3 16s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(60px,-80px) scale(1.3) rotate(90deg)}50%{transform:translate(120px,-40px) scale(.8) rotate(180deg)}75%{transform:translate(-30px,-100px) scale(1.2) rotate(270deg)}}@keyframes float2{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-90px,-60px) scale(1.4) rotate(120deg)}50%{transform:translate(-150px,30px) scale(.7) rotate(240deg)}75%{transform:translate(40px,-120px) scale(1.1) rotate(360deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(80px,100px) scale(1.2) rotate(80deg)}50%{transform:translate(-60px,150px) scale(1.5) rotate(160deg)}75%{transform:translate(120px,-50px) scale(.9) rotate(240deg)}}@keyframes float1Flat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(60px,-80px) rotate(90deg)}50%{transform:translate(120px,-40px) rotate(180deg)}75%{transform:translate(-30px,-100px) rotate(270deg)}}@keyframes float2Flat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-90px,-60px) rotate(120deg)}50%{transform:translate(-150px,30px) rotate(240deg)}75%{transform:translate(40px,-120px) rotate(360deg)}}@keyframes float3Flat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(80px,100px) rotate(80deg)}50%{transform:translate(-60px,150px) rotate(160deg)}75%{transform:translate(120px,-50px) rotate(240deg)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;width:100%;max-width:min(var(--container-width),100% - 2rem);margin:0 auto;padding:0 1rem;position:relative;z-index:2}.hero-text h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.03em;color:var(--text-strong);line-height:.95;margin-bottom:1rem}.hero-subtitle{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--text-muted);margin-bottom:2rem;font-weight:500;white-space:pre-line}.cta-button{background:linear-gradient(135deg,rgba(var(--brand-magenta-rgb),.34),rgba(var(--brand-violet-rgb),.24));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-strong);border:none;padding:1rem 2rem;border-radius:var(--radius-pill);font-family:inherit;font-size:1.1rem;font-weight:650;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 1px #ffffff12,0 8px 26px rgba(var(--brand-magenta-rgb),.28)}.cta-button:hover{background:linear-gradient(135deg,rgba(var(--brand-magenta-rgb),.46),rgba(var(--brand-violet-rgb),.34));transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff4d,0 0 0 1px #ffffff1a,0 12px 34px rgba(var(--brand-magenta-rgb),.38)}.profile-container{display:flex;justify-content:center;align-items:center;position:relative}.profile-frame{width:min(300px,78vw);aspect-ratio:1 / 1;position:relative;padding:10px;border-radius:50%;box-shadow:0 24px 60px #00000080,0 0 70px rgba(var(--brand-magenta-rgb),.16);transform-origin:center}.profile-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(var(--brand-magenta-rgb),.22),rgba(var(--brand-violet-rgb),.22));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 1px #ffffff12}.profile-image{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.liquid-drop{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--brand-purple),var(--brand-violet),var(--brand-magenta));opacity:.8;pointer-events:none;filter:blur(.5px);z-index:-1}.drop-1{width:20px;height:20px;top:15%;right:-15px;animation:dropEscape1 5s ease-in-out infinite}.drop-2{width:16px;height:16px;bottom:25%;left:-12px;animation:dropEscape2 6s ease-in-out infinite}.drop-3{width:18px;height:18px;top:55%;right:-10px;animation:dropEscape3 7s ease-in-out infinite}.drop-4{width:14px;height:14px;bottom:15%;left:-18px;animation:dropEscape4 8s ease-in-out infinite}.drop-5{width:22px;height:22px;top:35%;right:-20px;animation:dropEscape5 6.5s ease-in-out infinite}.drop-6{width:12px;height:12px;top:75%;left:-8px;animation:dropEscape6 5.5s ease-in-out infinite}.drop-7{width:24px;height:24px;bottom:45%;right:-25px;animation:dropEscape7 7.5s ease-in-out infinite}.drop-8{width:10px;height:10px;top:85%;left:-15px;animation:dropEscape8 4.5s ease-in-out infinite}@keyframes dropEscape1{0%,70%{transform:translate(0) scale(0);opacity:0}75%{transform:translate(-30px,-15px) scale(1);opacity:.8}90%{transform:translate(-80px,-40px) scale(.6);opacity:.3}to{transform:translate(-120px,-70px) scale(0);opacity:0}}@keyframes dropEscape2{0%,60%{transform:translate(0) scale(0);opacity:0}65%{transform:translate(25px,30px) scale(1);opacity:.7}85%{transform:translate(70px,80px) scale(.5);opacity:.2}to{transform:translate(110px,130px) scale(0);opacity:0}}@keyframes dropEscape3{0%,50%{transform:translate(0) scale(0);opacity:0}55%{transform:translate(-20px,35px) scale(1);opacity:.9}80%{transform:translate(-60px,90px) scale(.4);opacity:.3}to{transform:translate(-100px,140px) scale(0);opacity:0}}@keyframes dropEscape4{0%,40%{transform:translate(0) scale(0);opacity:0}45%{transform:translate(30px,-20px) scale(1);opacity:.6}75%{transform:translate(85px,-55px) scale(.7);opacity:.4}to{transform:translate(130px,-90px) scale(0);opacity:0}}@keyframes dropEscape5{0%,65%{transform:translate(0) scale(0);opacity:0}70%{transform:translate(-40px,20px) scale(1);opacity:.8}88%{transform:translate(-95px,50px) scale(.3);opacity:.2}to{transform:translate(-140px,80px) scale(0);opacity:0}}@keyframes dropEscape6{0%,55%{transform:translate(0) scale(0);opacity:0}60%{transform:translate(35px,-25px) scale(1);opacity:.7}82%{transform:translate(75px,-60px) scale(.6);opacity:.3}to{transform:translate(115px,-95px) scale(0);opacity:0}}@keyframes dropEscape7{0%,75%{transform:translate(0) scale(0);opacity:0}80%{transform:translate(-50px,-30px) scale(1);opacity:.9}92%{transform:translate(-110px,-75px) scale(.4);opacity:.2}to{transform:translate(-160px,-120px) scale(0);opacity:0}}@keyframes dropEscape8{0%,45%{transform:translate(0) scale(0);opacity:0}50%{transform:translate(20px,-40px) scale(1);opacity:.6}78%{transform:translate(55px,-100px) scale(.5);opacity:.3}to{transform:translate(90px,-160px) scale(0);opacity:0}}.floating-shape{position:absolute;opacity:.22;border-radius:50%;filter:blur(40px);animation:floatShape 6s ease-in-out infinite}.shape-1{width:150px;height:150px;background:linear-gradient(45deg,var(--brand-orange),#f4a21c);top:10%;right:10%;animation-delay:0s}.shape-2{width:100px;height:100px;background:linear-gradient(45deg,var(--brand-purple),var(--brand-violet));bottom:20%;left:15%;animation-delay:2s}.shape-3{width:120px;height:120px;background:linear-gradient(45deg,var(--brand-magenta),#e91e63);top:15%;left:10%;animation-delay:1s}.shape-4{width:80px;height:80px;background:linear-gradient(45deg,#10b981,#059669);bottom:15%;right:20%;animation-delay:3s}.shape-5{width:140px;height:140px;background:linear-gradient(45deg,#3b82f6,#2563eb);top:20%;right:15%;animation-delay:.5s}.shape-6{width:90px;height:90px;background:linear-gradient(45deg,#f59e0b,#d97706);bottom:25%;left:20%;animation-delay:2.5s}.shape-7{width:110px;height:110px;background:linear-gradient(45deg,#4285f4,#1a73e8);top:25%;right:12%;animation-delay:1s}.shape-8{width:95px;height:95px;background:linear-gradient(45deg,#0078d4,#106ebe);bottom:20%;left:18%;animation-delay:3.5s}@keyframes floatShape{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(20px,-30px) rotate(120deg)}66%{transform:translate(-15px,20px) rotate(240deg)}}.particle{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--brand-orange),var(--brand-magenta));opacity:.55;animation:floatParticle 4s ease-in-out infinite}.particle-1{width:8px;height:8px;top:15%;left:10%;animation-delay:0s}.particle-2{width:6px;height:6px;top:25%;right:15%;animation-delay:1s}.particle-3{width:10px;height:10px;top:40%;left:20%;animation-delay:2s}.particle-4{width:5px;height:5px;bottom:30%;right:25%;animation-delay:.5s}.particle-5{width:7px;height:7px;bottom:20%;left:30%;animation-delay:1.5s}.particle-6{width:9px;height:9px;top:35%;right:30%;animation-delay:3s}.particle-about-1{width:6px;height:6px;top:20%;left:15%;animation-duration:6s;animation-delay:0s;background:linear-gradient(45deg,#4285f4,#34a853)}.particle-about-2{width:8px;height:8px;top:30%;right:20%;animation-duration:5s;animation-delay:1s;background:linear-gradient(45deg,var(--brand-orange),#fbbc04)}.particle-about-3{width:5px;height:5px;top:50%;left:25%;animation-duration:7s;animation-delay:2.5s;background:linear-gradient(45deg,#ea4335,var(--brand-magenta))}.particle-about-4{width:7px;height:7px;bottom:35%;right:15%;animation-duration:4.5s;animation-delay:1.5s;background:linear-gradient(45deg,#34a853,#4285f4)}.particle-about-5{width:9px;height:9px;bottom:25%;left:35%;animation-duration:6.5s;animation-delay:3s;background:linear-gradient(45deg,#fbbc04,var(--brand-orange))}.particle-about-6{width:4px;height:4px;top:45%;right:35%;animation-duration:5.5s;animation-delay:.5s;background:linear-gradient(45deg,var(--brand-magenta),#ea4335)}@keyframes floatParticle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.2)}50%{transform:translate(-15px,-20px) scale(.8)}75%{transform:translate(30px,10px) scale(1.1)}}.cert-particle{position:absolute;border-radius:50%;background:linear-gradient(45deg,#60a5fa,#38bdf8);opacity:.45;animation:floatCertParticle 6s ease-in-out infinite}.cert-particle-1{width:10px;height:10px;top:20%;left:15%;animation-delay:0s}.cert-particle-2{width:8px;height:8px;top:60%;right:20%;animation-delay:1.5s}.cert-particle-3{width:12px;height:12px;bottom:30%;left:25%;animation-delay:3s}.cert-particle-4{width:6px;height:6px;top:40%;right:35%;animation-delay:4.5s}@keyframes floatCertParticle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(25px,-20px) scale(1.3)}50%{transform:translate(-20px,-35px) scale(.7)}75%{transform:translate(35px,15px) scale(1.1)}}.about-section{padding:var(--section-padding) 0;width:100%;background:var(--surface-about);color:var(--text-strong);position:relative}.about-text p{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.75;max-width:68ch}.about-text p+p{margin-top:1.25rem}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:3rem;max-width:680px}.stat{padding:1.25rem 1.4rem;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-border)}.stat-value{display:block;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.stat-label{display:block;margin-top:.3rem;font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--text-muted)}.skills-section{padding:var(--section-padding) 0;width:100%;background:var(--surface-skills);color:var(--text-strong);position:relative}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1rem;width:100%}.skill-item{background:var(--card-bg);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:1.2rem;border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.skill-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;gap:1rem}.skill-label{font-weight:700;font-size:1rem;color:var(--text-strong)}.skill-percentage{font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.skill-bar{height:8px;background:#ffffff17;border-radius:var(--radius-pill);overflow:hidden}.skill-fill{height:100%;width:var(--skill-value);border-radius:var(--radius-pill);box-shadow:0 0 12px #ffffff26}.js-reveal .skill-fill{width:0;transition:width 1s ease-out var(--reveal-delay, 0s)}.js-reveal .skill-item.is-visible .skill-fill{width:var(--skill-value)}.certifications-section{padding:var(--section-padding) 0;width:100%;background:var(--surface-certs);color:var(--text-strong);position:relative}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.5rem}.cert-item{background:var(--card-bg-strong);backdrop-filter:blur(15px);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--card-border);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:1.25rem;transition:transform .3s ease,box-shadow .3s ease}.cert-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.cert-badge{width:60px;height:60px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#fff,#eef2f7);border:2px solid rgba(var(--badge-rgb, 120, 120, 120),.55);box-shadow:0 4px 16px rgba(var(--badge-rgb, 120, 120, 120),.3);transition:transform .3s ease,box-shadow .3s ease}.cert-item:hover .cert-badge{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 26px rgba(var(--badge-rgb, 120, 120, 120),.45)}.cert-checkmark{color:var(--ink-900);font-size:1.5rem;font-weight:700}.cert-info{flex:1}.cert-title{font-size:1.1rem;font-weight:700;color:var(--text-strong);margin:0 0 .4rem;line-height:1.3}.cert-provider{font-size:.9rem;color:var(--text-muted);margin:0}.cert-icon{width:28px;height:28px;object-fit:contain}.contact-section{padding:var(--section-padding) 0;width:100%;background:var(--surface-contact);color:var(--text-strong);text-align:center;position:relative}.contact-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.contact-btn{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;border-radius:var(--radius-pill);text-decoration:none;color:var(--text-strong);font-weight:600;font-size:1.1rem;transition:background .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);border:none;width:200px;max-width:100%;justify-content:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity .3s ease;border-radius:inherit}.contact-btn.linkedin{background:linear-gradient(135deg,#0091db4d,#00609638);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #ffffff0f,0 8px 24px #00000059}.contact-btn.instagram{background:linear-gradient(135deg,#e054a04d,#965adc38);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #ffffff0f,0 8px 24px #00000059}.contact-btn:hover{transform:translateY(-3px) scale(1.02)}.contact-btn.linkedin:hover{background:linear-gradient(135deg,#0091db70,#00609657);box-shadow:inset 0 0 0 1px #ffffff42,0 0 0 1px #ffffff17,0 12px 30px #0006}.contact-btn.instagram:hover{background:linear-gradient(135deg,#e054a070,#965adc57);box-shadow:inset 0 0 0 1px #ffffff42,0 0 0 1px #ffffff17,0 12px 30px #0006}.contact-btn:hover:before{opacity:1}.contact-btn:hover .contact-icon{transform:scale(1.1) rotate(5deg)}.contact-btn:active{transform:translateY(-1px) scale(1)}.contact-icon{width:22px;height:22px;fill:currentColor;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.footer{padding:2rem 0 1.5rem;width:100%;background:var(--surface-footer);color:var(--text-muted);border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-text{font-size:.9rem}.footer-tech{display:flex;align-items:center;gap:1rem;font-size:.9rem;flex-wrap:wrap}.tech-icons{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.tech-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffffff0f;border-radius:var(--radius-pill);transition:background .3s ease,transform .3s ease}.tech-item:hover{background:#ffffff1f;transform:translateY(-1px)}.tech-item span{font-size:.8rem;font-weight:500}.tech-icon{width:16px;height:16px}.scroll-down-arrow{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;z-index:10;background:none;border:none;padding:.25rem;font-family:inherit;color:inherit;opacity:0;animation:fadeInUp 1s ease-out 1.2s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.arrow-container{width:64px;height:64px;border-radius:var(--radius-pill);background:#ffffff0f;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;animation:gentleBounce 3s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.arrow-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--brand-magenta-rgb),.25),#ffa63d40);opacity:0;transition:opacity .3s ease;border-radius:inherit}.scroll-down-arrow:hover .arrow-container{background:#ffffff1f;box-shadow:var(--shadow-md);border-color:#ffffff47;animation-play-state:paused}.scroll-down-arrow:hover .arrow-container:before{opacity:1}.arrow-icon{width:28px;height:28px;color:var(--text-strong);stroke-width:2.5;transition:color .3s ease,transform .3s ease;z-index:2;position:relative}.scroll-down-arrow:hover .arrow-icon{color:var(--brand-magenta);transform:translateY(2px)}.scroll-text{font-size:.875rem;color:var(--text-muted);font-weight:500;letter-spacing:.025em;text-align:center;transition:color .3s ease;opacity:0;animation:fadeIn .8s ease-out 1.8s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-down-arrow:hover .scroll-text{color:var(--text-strong)}.scroll-indicator{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;z-index:1000}.indicator-dot{position:relative;cursor:pointer;display:flex;align-items:center;gap:1rem;background:none;border:none;padding:0;font-family:inherit}.dot-inner{width:12px;height:12px;border-radius:50%;background:#ffffff38;border:2px solid rgba(255,255,255,.45);transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 1px 5px #00000040;flex-shrink:0}.indicator-dot[aria-current=true] .dot-inner{background:linear-gradient(135deg,var(--brand-magenta) 0%,var(--brand-coral) 100%);border-color:#fffffff2;transform:scale(1.3);box-shadow:0 4px 16px rgba(var(--brand-magenta-rgb),.4),0 2px 8px rgba(var(--brand-magenta-rgb),.3)}.indicator-dot:hover:not([aria-current=true]) .dot-inner{background:#fff6;border-color:#ffa63de6;transform:scale(1.15);box-shadow:0 3px 12px #ff6b3559}.dot-label{background:#070a0ef2;backdrop-filter:blur(10px);color:var(--text-strong);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-md);opacity:0;transform:translate(-15px) scale(.9);pointer-events:none;transition:opacity .3s ease,transform .3s ease;position:relative;margin-left:8px}.dot-label:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid rgba(7,10,14,.95)}.indicator-dot:hover .dot-label,.indicator-dot:focus-visible .dot-label{opacity:1;transform:translate(0) scale(1)}.indicator-dot[aria-current=true] .dot-label{background:linear-gradient(135deg,var(--brand-magenta) 0%,var(--brand-coral) 100%);border-color:#ffffff4d;box-shadow:0 4px 15px rgba(var(--brand-magenta-rgb),.3)}.indicator-dot[aria-current=true] .dot-label:before{border-right-color:var(--brand-magenta)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.profile-frame{width:min(250px,70vw);height:min(250px,70vw)}.about-stats{margin-top:2.25rem}.contact-buttons{flex-direction:column;align-items:center;gap:1rem}.contact-btn{width:190px;padding:.9rem 1.4rem;font-size:1rem}.cert-item{flex-direction:column;text-align:center;gap:1rem}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.tech-icons{justify-content:center}.floating-shape{opacity:.14}.scroll-indicator{left:1rem;gap:1.2rem}.dot-inner{width:10px;height:10px}.indicator-dot[aria-current=true] .dot-inner{transform:scale(1.4)}.dot-label{font-size:.7rem;padding:.4rem .8rem;margin-left:6px}.dot-label:before{left:-6px;border-right-width:6px;border-top-width:4px;border-bottom-width:4px}.arrow-container{width:56px;height:56px}.arrow-icon{width:24px;height:24px}}@media (max-width: 480px){.skill-item{padding:1rem}.cert-item{padding:1.5rem}.contact-btn{width:180px;padding:.8rem 1.2rem;font-size:.95rem}.bg-flare{opacity:.3}.flare-1{animation-name:float1Flat}.flare-2{animation-name:float2Flat}.flare-3{animation-name:float3Flat}.scroll-indicator{left:.5rem;gap:1rem}.dot-inner{width:8px;height:8px}.indicator-dot[aria-current=true] .dot-inner{transform:scale(1.3)}.dot-label{font-size:.65rem;padding:.3rem .6rem}.arrow-container{width:48px;height:48px}.arrow-icon{width:20px;height:20px}.scroll-text{font-size:.75rem}}.is-offscreen .bg-flare,.is-offscreen .floating-shape,.is-offscreen .particle,.is-offscreen .cert-particle,.is-offscreen .liquid-drop,.is-offscreen .arrow-container{animation-play-state:paused}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.js-reveal .reveal{opacity:1;transform:none}.js-reveal .skill-fill{width:var(--skill-value)}}