.navbar{z-index:1000;justify-content:center;width:100%;padding:0 10px;display:flex;position:fixed;top:20px}.nav-pill{-webkit-backdrop-filter:blur(12px);white-space:nowrap;scrollbar-width:none;scroll-snap-type:x mandatory;background:#fff6;border:1px solid #ffffff4d;border-radius:999px;gap:8px;max-width:70%;display:flex;overflow-x:auto;box-shadow:0 8px 30px #00000014,inset 0 1px #fff9}.nav-pill::-webkit-scrollbar{display:none}.nav-pill button{scroll-snap-align:center;cursor:pointer;white-space:nowrap;color:#2d2d2d;background:0 0;border:none;border-radius:999px;flex:none;padding:10px 16px;font-size:18px;font-weight:500;transition:all .25s}.nav-pill button:hover{background:#0000000d}.nav-pill button.active{color:#fff;background:#2d2d2d}@media (width<=480px){.nav-pill{justify-content:flex-start}.nav-pill button{padding:8px 14px;font-size:16px}}.hero{text-align:center;background:linear-gradient(#fff 0%,#ebca45 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero p{word-break:break-word;z-index:2;margin:0;font-size:clamp(2.5rem,8vw,7rem);line-height:1.1}.hero:before{content:"";pointer-events:none;z-index:1;-webkit-mask-image:radial-gradient(circle 240px at var(--mouse-x,50%) var(--mouse-y,50%), #000 0%, #000000b3 30%, #0000004d 60%, #0000 100%);mask-image:radial-gradient(circle 240px at var(--mouse-x,50%) var(--mouse-y,50%), #000 0%, #000000b3 30%, #0000004d 60%, #0000 100%);-webkit-mask-image:radial-gradient(circle 240px at var(--mouse-x,50%) var(--mouse-y,50%), #000 0%, #000000b3 30%, #0000004d 60%, #0000 100%);opacity:0;background-image:radial-gradient(#fff 2px,#0000 1px);background-size:10px 10px;transition:opacity .3s;position:absolute;inset:0}.hero:hover:before{opacity:1}.scroll-indicator{clip-path:polygon(50% 100%,0 0,100% 0);z-index:2;background:#000;width:40px;height:23px;animation:1.5s infinite bounce;position:absolute;bottom:30px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.typing:after{content:"|";margin-left:5px;animation:1.2s infinite blink}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media (width<=1024px){.hero p{font-size:clamp(2rem,7vw,5rem)}}@media (width<=768px){.hero{padding:0 16px}.hero p{font-size:clamp(1.8rem,9vw,3.5rem)}.scroll-indicator{width:30px;height:18px;bottom:20px}}@media (width<=480px){.hero p{font-size:6rem}.scroll-indicator{width:26px;height:15px}}.overview{background:#fff;justify-content:center;align-items:center;min-height:65vh;display:flex}.overview-container{justify-content:center;align-items:center;gap:80px;width:100%;max-width:1100px;display:flex}.overview-image img{object-fit:cover;background:#e3c24f;border-radius:50%;width:320px;height:320px}.overview-content{max-width:500px}.overview-content h1{margin:0;font-size:clamp(2rem,4vw,2.8rem)}.overview-content h2{color:#666;margin-top:10px;font-size:clamp(1rem,2vw,1.2rem);font-weight:500}.socials{margin-top:30px}.socials p{color:#666;margin-bottom:10px}.socials a{color:#000;align-items:center;gap:12px;margin-bottom:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.socials a:hover{opacity:.6}.icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon img{object-fit:contain;width:100%;height:100%}@media (width<=1024px){.overview-container{gap:50px}.overview-image img{width:260px;height:260px}}@media (width<=768px){.overview-container{text-align:center;flex-direction:column;gap:40px}.overview-content{flex-direction:column;align-items:center;display:flex}.overview-image img{width:200px;height:200px}.socials a{justify-content:center}}@media (width<=480px){.overview{padding:60px 15px}.overview-image img{width:170px;height:170px}.overview-content h1{font-size:1.8rem}}.experience{flex-direction:column;align-items:center;font-size:large;display:flex}.experience-title{text-align:center;margin-top:0;margin-bottom:.6rem;font-size:clamp(2rem,5vw,4rem)}.experience-list{background:radial-gradient(circle at top,#ebca45 0%,#fff 55%);flex-direction:column;width:100%;padding-bottom:5rem;display:flex}.experience-item{width:35rem;margin-left:auto;margin-right:auto}.experience-date{margin-top:25px;margin-bottom:10px;font-size:clamp(.75rem,1.5vw,1.5rem);font-weight:500}.experience-link{color:inherit;text-decoration:none;display:block}.experience-card{-webkit-backdrop-filter:blur(14px);background:#fff9;border:1px solid #fff6;border-radius:20px;align-items:center;gap:60px;padding:25px 30px;transition:transform .3s;display:flex;box-shadow:0 10px 40px #00000014,inset 0 1px #fff9}.experience-card:hover{transform:translateY(-3px)}.experience-logo img{object-fit:contain;width:100px;height:auto}.experience-details p{align-items:center;gap:10px;margin:6px 0;font-weight:500;display:flex}.experience-details img{width:18px;height:18px}@media (width<=768px){.experience-card{flex-direction:column;align-items:flex-start;gap:20px}.experience-logo img{width:80px}}@media (width<=480px){.experience-card{padding:20px}.experience-item{width:20rem}.experience-title{margin-bottom:40px}}.projects{background:radial-gradient(circle at bottom,#ebca45 0%,#fff 55%);flex-direction:column;align-items:center;padding:0 20px 7rem;display:flex}.projects-title{margin-bottom:60px;font-size:clamp(2rem,5vw,4rem)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:800px;display:grid}.project-card{color:inherit;text-align:center;-webkit-backdrop-filter:blur(14px);background:#fff9;border:1px solid #fff6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:240px;padding:20px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 10px 40px #00000014,inset 0 1px #fff9}.project-card:hover{transform:translateY(-3px)}.project-icon{object-fit:contain;width:70px;height:70px}.project-card p{font-size:large;font-weight:600;line-height:1.4}.github-btn{color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff6;border-radius:15px;align-items:center;gap:10px;margin-top:50px;padding:8px 24px;font-size:large;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 6px 20px #00000014,inset 0 1px #fff9}.github-btn:hover{transform:translateY(-3px)}.github-btn img{width:40px;height:40px}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}.project-card{height:160px}.project-icon{width:50px;height:50px}}.expertise{flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.expertise-title{margin-top:0;margin-bottom:40px;font-size:clamp(2rem,5vw,4rem)}.expertise-tabs{white-space:nowrap;scrollbar-width:none;scroll-snap-type:x mandatory;background:radial-gradient(circle,#ebca45 0%,#fff 110%);border-radius:999px;gap:10px;max-width:100%;margin-bottom:40px;display:flex;overflow-x:auto}.expertise-tabs::-webkit-scrollbar{display:none}.expertise-tabs button{scroll-snap-align:center;cursor:pointer;white-space:nowrap;color:#2d2d2d;background:0 0;border:none;border-radius:999px;flex:none;padding:12px 20px;font-weight:600;transition:all .25s}.expertise-tabs button:hover{background:#0000000d}.expertise-tabs button.active{color:#fff;background:#2d2d2d}.expertise-content{background:radial-gradient(circle,#ebca45 0%,#fff 110%);border-radius:40px;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:880px;padding:40px;display:flex}.skill-card{-webkit-backdrop-filter:blur(14px);background:#fff9;border:1px solid #fff6;border-radius:20px;justify-content:center;align-items:center;gap:15px;min-width:200px;height:60px;padding:15px;font-size:1.2rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 40px #00000014,inset 0 1px #fff9}.skill-card:hover{transform:translateY(-3px)}.skill-card img{object-fit:contain;width:40px;height:40px}@media (width<=768px){.expertise-content{gap:20px;padding:25px}.skill-card{min-width:160px;height:70px;font-size:1rem}}@media (width<=480px){.expertise-tabs{justify-content:flex-start;max-width:300px;height:50px}.expertise-content{width:100%;max-width:250px}.skill-card{height:25px}}body{margin:0;font-family:Hammersmith One,sans-serif}button{font-family:Hammersmith One,sans-serif}a{text-decoration:none}