.intro-scroll-container{height:100vh;overflow-y:auto;position:relative;-ms-overflow-style:none;scrollbar-width:none}.intro-scroll-container::-webkit-scrollbar{display:none}.intro-section{height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:80px 0 60px;overflow:visible;width:100%}.intro-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.intro-greeting{display:flex;align-items:center;gap:12px;margin-bottom:16px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.intro-section.visible .intro-greeting{opacity:1;transform:translateY(0)}.greeting-wave{margin-bottom:1.25rem;opacity:.65}.greeting-wave img{width:2.8rem;filter:none}.greeting-wave.waving{animation:wave 2.5s ease-in-out 1}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.greeting-text{display:flex;justify-content:center;font-size:1.8rem;color:var(--text-secondary);font-family:Pompiere,cursive,sans-serif;font-weight:800}.wavy-circle{position:absolute;top:40%;left:60%;transform:translate(-50%,-40%);background:#ffa6001a;z-index:-1;--s: 200px;width:var(--s);aspect-ratio:1;--g: /calc(var(--s)*.333) calc(var(--s)*.333) radial-gradient(50% 50%, #000 99%, #0000 101%) no-repeat;mask:calc(50% + var(--s)*.333) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*-.167) calc(50% + var(--s)*.289) var(--g),calc(50% + var(--s)*-.167) calc(50% + var(--s)*-.289) var(--g),radial-gradient(calc(var(--s)*.289),#000 99%,#0000 101%) subtract,calc(50% + var(--s)*.167) calc(50% + var(--s)*.289) var(--g),calc(50% + var(--s)*-.333) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*.167) calc(50% + var(--s)*-.289) var(--g)}.intro-name{font-family:Lobster Two,Georgia,cursive;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:16px;background:var(--text-gradient-third);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(25px);transition:opacity .5s ease-out .1s,transform .5s ease-out .1s}.intro-section.visible .intro-name{opacity:1;transform:translateY(0)}.intro-tagline{font-family:Pompiere,cursive,sans-serif;font-size:1.5rem;letter-spacing:2px;font-weight:600;color:var(--text-secondary);margin-bottom:32px;letter-spacing:3px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out .2s,transform .5s ease-out .2s}.intro-section.visible .intro-tagline{opacity:1;transform:translateY(0)}.intro-bio{font-family:Pompiere,cursive,sans-serif;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out .3s,transform .5s ease-out .3s}.intro-section.visible .intro-bio{opacity:1;transform:translateY(0)}.intro-bio p{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);max-width:500px;text-align:justify}.intro-stats{display:flex;align-items:center;justify-content:center;margin-bottom:32px;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out .4s,transform .5s ease-out .4s}.intro-section.visible .intro-stats{opacity:1;transform:translateY(0)}.stat-carousel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.stat-carousel-track{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;position:relative;height:10rem;overflow:hidden;gap:0;width:100%}.intro-stat-item{height:10rem;width:10rem;background:var(--glass-bg);display:flex;align-items:center;justify-content:center;padding:12px;border-radius:50%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--bubble-shadow);transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:absolute}.intro-stat-item.stat-center{transform:translate(0) scale(1);opacity:1;z-index:3;filter:none}.intro-stat-item.stat-left{transform:translate(-90%) scale(.7);opacity:.4;z-index:2;filter:blur(1px)}.intro-stat-item.stat-right{transform:translate(90%) scale(.7);opacity:.4;z-index:2;filter:blur(1px)}.intro-stat-item.stat-hidden{transform:translate(0) scale(.5);opacity:0;z-index:1;pointer-events:none}.stat-carousel-dots{display:none}.intro-stat-content{display:flex;flex-direction:column;text-align:center}.intro-stat-number{font-size:1rem;font-weight:700;color:var(--text-primary)}.intro-stat-label{font-size:.7rem;color:var(--text-muted)}.intro-cta{margin-top:20px;opacity:0;transform:translateY(15px);transition:opacity .5s ease-out .5s,transform .5s ease-out .5s}.intro-section.visible .intro-cta{opacity:1;transform:translateY(0)}.intro-explore-text{text-align:center;margin-top:2.5rem;font-size:1rem;color:var(--text-muted);display:flex;align-items:center;flex-direction:row}.intro-explore-text p:first-child{text-shadow:0 0 12px rgba(240,242,255,.758);font-size:3rem;font-weight:200;text-align:start;font-family:Haettenschweiler,Arial Narrow Bold,sans-serif}.intro-explore-text p:nth-child(2){font-size:1.2rem;text-align:start}.menu-toggle-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative;vertical-align:middle;min-width:50px;height:1.4em;margin-left:4px}.menu-toggle-text,.menu-toggle-icon{font-size:1rem;position:absolute;transition:opacity .5s ease,transform .5s ease}.menu-toggle-text{white-space:nowrap}.menu-toggle-icon{filter:invert(.65);height:1.2em;width:auto}.menu-toggle-text.visible,.menu-toggle-icon.visible{opacity:1;transform:translateY(0)}.menu-toggle-text.hidden,.menu-toggle-icon.hidden{opacity:0;transform:translateY(6px)}.intro-visual{display:flex;align-items:center;justify-content:center;position:relative;top:0;right:0;opacity:0;transform:translate(-30px) scale(.9);transition:opacity .6s ease-out .2s,transform .6s ease-out .2s}.intro-section.visible .intro-visual{opacity:1;transform:translate(0) scale(1)}.intro-avatar-container{position:relative;width:100%;max-width:350px;aspect-ratio:1 / 1;display:flex;align-items:flex-end;justify-content:center;margin-top:3rem}.intro-avatar{width:100%;height:100%;position:relative;z-index:1}.avatar-bg{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#ffc280,#ff9633);bottom:0;left:0;border-radius:50% 50% 0 0;transform:scale(1.5);transform-origin:bottom center;z-index:-1;transition:all .3s ease}@media (min-width: 969px){.intro-avatar{aspect-ratio:1;clip-path:shape(from 71.55% 91.15%,curve to 56.7% 97.46% with 65.09% 96.45%,curve to 39.87% 97.22% with 48.31% 98.48%,curve to 24.13% 91.4% with 31.43% 95.97%,curve to 12.81% 79.37% with 16.84% 86.83%,curve to 7.85% 63.99% with 8.77% 71.92%,curve to 5.31% 48.1% with 6.94% 56.05%,curve to 8.32% 33.5% with 3.69% 40.16%,curve to 16.49% 19.25% with 12.94% 26.84%,curve to 28.05% 9.36% with 20.04% 11.65%,curve to 43.86% 4.54% with 36.05% 7.07%,curve to 59.63% 4.25% with 51.68% 2.01%,curve to 73.82% 11.55% with 67.58% 6.49%,curve to 86.82% 21.72% with 80.06% 16.61%,curve to 95.04% 35.15% with 93.58% 26.83%,curve to 96.25% 51.62% with 96.5% 43.46%,curve to 93.26% 67.55% with 95.99% 59.78%,curve to 84.27% 80.59% with 90.52% 75.32%,curve to 71.55% 91.15% with 78.01% 85.85%);background:linear-gradient(180deg,#ffc280,#ff9633);transform:scale(1.35)}.wavy-circle,.intro-avatar .avatar-bg{display:none}.intro-avatar .avatar-img img{transform:scale(.95) translateY(0)}}@media (max-width: 968px){.avatar-bg{width:190vw;max-width:190vw;left:50%;transform:translate(-35%) scaleY(1.18);transform-origin:bottom center;border-radius:50% 50% 0 0}}.avatar-img{width:100%;height:100%;position:relative;z-index:2}.avatar-img img{width:100%;height:100%;object-fit:cover;object-position:bottom;transform:scale(1.35);transform-origin:bottom center;position:relative;z-index:2}.intro-footer-wrapper{scroll-snap-align:end;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.intro-footer-wrapper.visible{opacity:1;transform:translateY(0)}.tech-stack-section{height:100vh;min-height:100vh;padding:80px 80px 20px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.015) 50%,transparent 100%);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.tech-stack-container{max-width:900px;width:100%}.tech-stack-heading-wrapper{position:relative;display:block;width:100%;text-align:center;margin-bottom:clamp(24px,3.5vw,48px)}.tech-stack-section.visible .tech-stack-heading-wrapper:before{opacity:.5}.tech-stack-heading{position:relative;z-index:1;font-size:2rem;font-weight:700;text-align:center;margin-bottom:0;background:var(--text-gradient-second);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.tech-stack-section.visible .tech-stack-heading{opacity:1;transform:translateY(0)}.tech-category{margin-bottom:clamp(20px,4vh,40px);opacity:0;transform:translateY(25px);transition:opacity .6s ease-out,transform .6s ease-out}.tech-category:first-of-type{transition-delay:.15s}.tech-category:last-of-type{transition-delay:.3s}.tech-stack-section.visible .tech-category{opacity:1;transform:translateY(0)}.tech-category:last-child{margin-bottom:0}.tech-category-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;color:var(--text-primary);margin-bottom:clamp(16px,2.5vh,28px);font-weight:700}.tech-category-title span{background:#ffffff2d;width:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:10px}.tech-category-title svg{color:var(--accent-purple)}.tech-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.tech-item{background:#fff;border:1px solid rgba(0,118,191,.12);border-radius:50%;height:120px;width:120px;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(20px) scale(.9)}.softwares-container .tech-item{padding:14px 16px;border-radius:24px;border:1px solid rgba(8,185,255,.2)}.tech-stack-section.visible .tech-item{animation:techItemReveal .5s ease-out forwards;animation-delay:calc(.4s + var(--item-delay, 0s))}@keyframes techItemReveal{to{opacity:1;transform:translateY(0) scale(1)}}.tech-item:hover{background:#ffffffd9;border-color:#0076bf40;transform:translateY(-4px) scale(1.03);box-shadow:0 8px 20px -4px #00000014}.tech-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.02) 100%);opacity:0;transition:opacity .3s ease}.tech-item:hover:before{opacity:1}.tech-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.tech-item:hover .tech-icon{transform:scale(1.15)}.tech-icon img{width:100%;height:100%;object-fit:contain}.tech-name{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-align:center;transition:color .3s ease}.tech-item:hover .tech-name{color:var(--text-primary)}.tech-grid-desktop{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.tech-band-container{display:none}.tech-band{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%)}.tech-band-track{display:flex;gap:12px;width:max-content}.tech-band-left .tech-band-track{animation:slideBandLeft 15s linear infinite}.tech-band-right .tech-band-track{animation:slideBandRight 15s linear infinite}@keyframes slideBandLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideBandRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 968px){.intro-scroll-container{overflow-x:hidden}.wavy-circle{transform:translate(-50%,-40%) scale(1) rotate(var(--scroll-rotation, 0deg));will-change:transform}.intro-container{grid-template-columns:1fr;gap:0;text-align:center;width:100%;max-width:100%;margin:0;padding:0}.intro-content{order:2;padding:0 16px}.intro-section{height:auto;min-height:100vh;padding:80px 0 40px;overflow-x:hidden}.intro-visual{order:1;width:100%;max-width:100%;transform:translateY(0);margin-top:2rem}.intro-name{font-size:3rem}.intro-greeting{padding-top:2rem;flex-direction:column;justify-content:center}.intro-bio p{max-width:100%;margin-left:3%;margin-right:3%}.intro-stats{justify-content:center}.stat-carousel{max-width:400px}.stat-carousel-track{height:9rem}.intro-stat-item{height:9rem;width:9rem}.stat-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.stat-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--glass-border);cursor:pointer;padding:0;transition:all .3s ease}.stat-dot.active{width:24px;border-radius:4px;background:var(--text-primary)}.intro-avatar-container{width:250px;height:250px}.avatar-img{font-size:5rem}.tech-stack-section{padding:12vh 1rem 2vh;align-items:flex-start}.tech-stack-heading{font-size:1.5rem}.tech-stack-heading-wrapper{margin-bottom:5vw}.tech-category-title{margin-bottom:3vh;justify-content:center}.tech-grid{justify-content:center;gap:12px}.tech-grid-desktop{display:none!important}.tech-band-container{display:flex!important;flex-direction:column;gap:12px;width:100%}.tech-band-container .tech-item{opacity:1;transform:none;animation:none;flex-shrink:0}.tech-band-container .tech-icon{width:28px;height:28px}.tech-band-container .tech-name{font-size:.72rem}}@media (max-width: 480px){.intro-name{font-size:2.8rem}.intro-tagline{font-family:Pompiere;font-size:1.25rem;letter-spacing:2px}.intro-bio p{border-top:1px solid rgba(230,230,251,.3);border-bottom:1px solid rgba(230,230,250,.3);padding:.8rem 1rem;font-size:1.2rem;text-align:justify;text-align-last:center}.intro-explore-text{flex-direction:column;gap:.8rem}.stat-carousel-track{height:8rem}.tech-stack-heading-wrapper:before{max-width:500px}.intro-stat-item{height:8rem;width:8rem}.tech-stack-section{padding:10vh 1rem 2vh}.tech-stack-container{display:flex;flex-direction:column;gap:.5rem}.tech-stack-heading{font-size:1.5rem}.tech-stack-heading-wrapper{margin-bottom:7vw}.tech-category{margin-bottom:2vh;display:flex;flex-direction:column;gap:.5rem}.tech-grid{gap:14px}.tech-item{padding:12px 8px;height:100px;width:100px;border-radius:100px;display:flex;align-items:center;justify-content:center}.tech-icon{width:28px;height:28px}.tech-name{font-size:.72rem}}@keyframes pulse-scale{0%,to{opacity:.4;transform:translateZ(0) scale(1)}50%{opacity:.8;transform:translateZ(0) scale(1.1)}}@keyframes pulse-scale-centered{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}