:root{--netflix-red:var(--primary);--text:var(--foreground);--text-secondary:var(--muted-foreground);--border-radius:6px;--navbar-height:72px;--transition:.22s cubic-bezier(.2,.8,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100dvh}html{scroll-behavior:smooth}section{scroll-margin-top:var(--navbar-height)}body{background:var(--background);color:var(--text);font-family:var(--font-sans);overflow-x:hidden}img{max-width:100%;display:block}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--netflix-red);outline-offset:4px}::selection{background:var(--netflix-red);color:var(--text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(.projects-track,.skills-track,.achievements-track,.certifications-track,.education-track,.experience-track,.extracurricular-track,.contact-track,.continue-watching-track){scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}:where(.project-card,.skill-card,.achievement-card,.certification-card,.education-card,.experience-card,.extracurricular-card,.contact-card,.cw-card){scroll-snap-align:start;scroll-snap-stop:normal}@media (width<=640px){:where(.projects-track,.skills-track,.achievements-track,.certifications-track,.education-track,.experience-track,.extracurricular-track,.contact-track,.continue-watching-track){scroll-padding-inline:16px;gap:10px!important;padding-inline:16px!important}:where(.project-card,.skill-card,.achievement-card,.certification-card,.education-card,.experience-card,.extracurricular-card){max-width:330px;width:78vw!important}:where(.projects-arrow,.skills-arrow,.achievements-arrow,.certifications-arrow,.education-arrow,.experience-arrow,.extracurricular-arrow,.contact-arrow,.continue-watching-arrow){display:none!important}:where(.projects-title,.skills-title,.achievements-title,.certifications-title,.education-title,.experience-title,.extracurricular-title,.contact-title,.continue-watching-title){padding-left:16px!important;font-size:clamp(20px,6vw,24px)!important}}@media (hover:none),(pointer:coarse){:where(.project-card,.skill-card,.achievement-card,.certification-card,.education-card,.experience-card,.extracurricular-card,.contact-card,.cw-card):hover,:where(.project-card,.skill-card,.achievement-card,.certification-card,.education-card,.experience-card,.extracurricular-card,.contact-card,.cw-card):active{transform:none!important}:where(.project-card-overlay,.skill-card-overlay,.achievement-card-overlay,.certification-card-overlay,.education-card-overlay,.experience-card-overlay,.extracurricular-card-overlay){opacity:1!important;transform:none!important}}@media (width<=640px){.splash-skip{bottom:calc(24px + env(safe-area-inset-bottom));min-height:38px;font-size:13px;right:16px}.navbar{padding-top:env(safe-area-inset-top)}.hero{background-position:50% 25%!important;min-height:78svh!important}.hero .overlay{background:linear-gradient(180deg, #0000008c 0%, #0000 30%, #1414148c 62%, var(--background) 100%)!important}.hero-content{text-align:center;width:100%!important;max-width:none!important;padding:0 20px!important;bottom:56px!important;left:0!important;right:0!important}.hero-content h1{line-height:1.05;font-size:clamp(28px,9vw,40px)!important}.hero-content p{font-size:15px!important}.hero-buttons{grid-template-columns:1fr 1fr;width:100%;gap:10px!important;display:grid!important}.hero-buttons button{justify-content:center;width:100%;min-height:44px;padding:0 12px!important;font-size:15px!important}.hero-arrow{display:none!important}.hero-dots{justify-content:center}:where(.about-modal,.achievement-modal,.certification-modal,.certification-detail-modal,.education-modal,.experience-modal,.extracurricular-modal,.project-modal,.project-detail-modal,.recommendation-modal,.skill-modal){min-height:100dvh;overflow-y:auto;border-radius:0!important;width:100vw!important;max-width:100vw!important;max-height:100dvh!important;margin:0!important}:where(.about-overlay,.achievement-overlay,.certification-overlay,.certification-detail-overlay,.education-overlay,.experience-overlay,.extracurricular-overlay,.project-overlay,.project-detail-overlay,.recommendation-overlay,.skill-overlay){align-items:stretch!important;padding:0!important}:where(.about-close,.achievement-close,.certification-close,.certification-detail-close,.education-close,.experience-close,.extracurricular-close,.project-close,.project-detail-close,.recommendation-close,.skill-close){z-index:50;top:calc(12px + env(safe-area-inset-top))!important;background:#181818e6!important;border-radius:50%!important;width:36px!important;height:36px!important;position:fixed!important;right:12px!important}:where(.top-picks-title,.recommendations-title){padding-left:16px!important;font-size:clamp(20px,6vw,24px)!important}:where(.top-picks-track,.recommendations-track){scroll-snap-type:x proximity;gap:8px!important;padding-inline:16px!important}:where(.top-pick-card,.recommendation-card){scroll-snap-align:start}.top-picks-arrow{display:none!important}footer,.footer{text-align:center;padding:32px 16px calc(32px + env(safe-area-inset-bottom))!important}}