:root{--font-primary:"Outfit", sans-serif;--color-bg-light:#fff;--color-text-main:#1f1d1a;--color-text-muted:#8c8881;--color-text-accent:#c49c6c;--glass-bg:#fff6;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #c49c6c0d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font-primary);background-color:var(--color-bg-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}p{line-height:1.6}.ambient-bg{z-index:-1;pointer-events:none;contain:strict;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob{will-change:transform;filter:blur(90px);mix-blend-mode:multiply;opacity:.55;border-radius:50%;transition:background .6s linear;position:absolute;transform:translate(0,0)}.ambient-blob.blob-1{background:radial-gradient(circle,#0f52babf 0%,#0f52ba38 40%,#0000 70%);width:65vw;height:65vh;animation:22s ease-in-out infinite drift1;top:-12vh;left:-12vw}@keyframes drift1{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(8vw,5vh)scale(1.08)}50%{transform:translate(3vw,10vh)scale(1.15)}75%{transform:translate(-4vw,6vh)scale(1.05)}}.ambient-blob.blob-2{background:radial-gradient(circle,#009b55b3 0%,#009b5536 40%,#0000 70%);width:70vw;height:70vh;animation:26s ease-in-out infinite drift2;bottom:-15vh;right:-15vw}@keyframes drift2{0%,to{transform:translate(0,0)scale(1.05)}25%{transform:translate(-6vw,-4vh)scale(.92)}50%{transform:translate(-10vw,-8vh)scale(1)}75%{transform:translate(-3vw,-5vh)scale(.95)}}.ambient-blob.blob-3{background:radial-gradient(circle,#00bebeb3 0%,#00bebe36 40%,#0000 70%);width:75vw;height:65vh;animation:20s ease-in-out infinite drift3;top:-8vh;right:-20vw}@keyframes drift3{0%,to{transform:translate(0,0)scale(.95)}33%{transform:translate(-7vw,6vh)scale(1.1)}66%{transform:translate(-3vw,3vh)scale(1)}}.ambient-blob.blob-4{background:radial-gradient(circle,#d2a514a6 0%,#d2a51430 40%,#0000 70%);width:55vw;height:55vh;animation:24s ease-in-out infinite drift4;bottom:-12vh;left:-5vw}@keyframes drift4{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(5vw,-3vh)scale(1.08)}50%{transform:translate(8vw,-7vh)scale(1)}75%{transform:translate(3vw,-4vh)scale(1.06)}}.ambient-blob.blob-5{background:radial-gradient(circle,#4b008c99 0%,#4b008c2e 40%,#0000 70%);width:80vw;height:80vh;animation:30s ease-in-out infinite drift5;top:5vh;right:-6vw}@keyframes drift5{0%,to{transform:translate(0,0)scale(.92)}33%{transform:translate(-5vw,4vh)scale(1.05)}66%{transform:translate(-8vw,-3vh)scale(.98)}}.ambient-blob.blob-6{background:radial-gradient(circle,#0078b499 0%,#0078b42e 40%,#0000 70%);width:50vw;height:50vh;animation:23s ease-in-out infinite drift6;top:18vh;left:-3vw}@keyframes drift6{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(6vw,3vh)scale(1.1)}50%{transform:translate(10vw,-2vh)scale(1)}75%{transform:translate(4vw,5vh)scale(1.05)}}.ambient-blob.blob-7{background:radial-gradient(circle,#1e8c3c8c 0%,#1e8c3c29 40%,#0000 70%);width:45vw;height:45vh;animation:28s ease-in-out infinite drift7;top:28vh;right:-3vw}@keyframes drift7{0%,to{transform:translate(0,0)scale(.98)}33%{transform:translate(-4vw,-3vh)scale(1.06)}66%{transform:translate(-7vw,4vh)scale(1)}}.aurora-mesh{opacity:.4;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.crystal-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);will-change:transform;border-radius:20px;padding:2.5rem;transition:transform .25s cubic-bezier(.33,1,.68,1),box-shadow .25s cubic-bezier(.33,1,.68,1);transform:translate(0,0)}.crystal-card:hover{border-color:#fffc;transform:translateY(-5px);box-shadow:0 16px 40px #c49c6c14}.section-title{background:linear-gradient(135deg, var(--color-text-main) 0%, #1f1d1ab3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:3rem;font-weight:800}.section-padding{padding:8rem 0}.inline-cta{width:fit-content}.resume-section__action{text-align:center;justify-content:center;align-items:center;display:inline-flex}.site-navbar__mobile-wrap{width:100%}.tech-pill-group{align-items:center}.media-lightbox__meta{min-width:0}@media (width<=1200px){.container{padding:0 1.5rem}}@media (width<=1024px){html{scroll-padding-top:88px}.container{padding:0 1.35rem}.section-padding{padding:6rem 0}.section-title{margin-bottom:2.25rem;font-size:clamp(2.5rem,4.5vw,3rem)}.site-navbar{padding-left:1.35rem!important;padding-right:1.35rem!important}.site-navbar__inner{gap:1rem;padding:.65rem 1rem!important}.site-navbar__nav,.site-navbar__actions{display:none!important}.site-navbar__menu-button{display:grid!important}.site-navbar__mobile-wrap{display:block!important}.site-navbar__brand-text{font-size:1.05rem!important}.hero-intro{align-items:flex-start!important;gap:2.25rem!important;padding:6rem 0 3.5rem!important}.hero-intro__heading{font-size:clamp(2.5rem,5vw,3rem)!important}.hero-intro__text{max-width:100%!important;font-size:1.05rem!important}.content-section__intro-text,.project-section__intro-text{font-size:1.08rem!important}.resume-section{padding-bottom:8rem!important}.resume-section__grid{gap:2.5rem!important}.resume-section__title{font-size:clamp(2.8rem,6vw,3.5rem)!important}.resume-section__description{font-size:1.1rem!important}.resume-section__preview{height:600px!important}.work-experience__content{padding:2.4rem 2.4rem 1.3rem!important}.software-ai__hero-copy{right:2rem;bottom:1.75rem!important;left:2rem!important}.software-ai__hero-title{font-size:clamp(2rem,4.8vw,2.3rem)!important}.software-ai__hero-text{font-size:1.05rem!important}.software-ai__details-card{padding:2.4rem!important}.software-ai__details-title{font-size:1.8rem!important}.robotics-hardware__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-section__intro{margin-bottom:4rem!important}.project-grid--two{grid-template-columns:1fr!important;gap:2rem!important}.project-video-card__video{height:420px!important}.f1-video-grid{gap:1.8rem!important;margin-bottom:5rem!important}.bigo-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.8rem!important}.bigo-gallery-shell{padding:2.3rem 1.6rem!important}.bigo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.f1-gallery-card{min-width:260px!important;height:320px!important}.site-footer__hero{padding-top:6rem!important;padding-bottom:4rem!important}.site-footer__lead{font-size:1.05rem!important}.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2.25rem!important}.site-footer__bottom{flex-wrap:wrap;gap:.75rem}.media-lightbox__panel{width:min(100%,960px)!important}.media-lightbox__frame{min-height:min(52vh,540px)!important}}@media (width<=768px){html{scroll-padding-top:82px}.container{padding:0 1rem}.section-padding{padding:4.75rem 0}.section-title{margin-bottom:1.6rem;font-size:clamp(2rem,8vw,2.7rem)}.crystal-card{border-radius:18px;padding:1.8rem}.site-navbar{padding-left:1rem!important;padding-right:1rem!important}.site-navbar__inner{border-radius:15px!important;padding:.6rem .8rem!important}.site-navbar__brand-text{font-size:1rem!important}.hero-banner{background:#000;height:auto!important}.hero-banner__video{object-fit:contain!important;object-position:center center!important;height:auto!important}.hero-banner__content{justify-content:flex-end!important;padding:1.5rem 1rem 1.75rem!important}.hero-banner__copy{max-width:100%!important}.hero-banner__headline{gap:.35rem!important;margin-bottom:1rem!important;font-size:clamp(2rem,10vw,3rem)!important}.hero-banner__headline-word{padding-bottom:2px!important}.hero-banner__quote-wrap{max-width:100%!important;margin-bottom:1.5rem!important;padding-left:1rem!important}.hero-banner__quote{font-size:.96rem!important;line-height:1.55!important}.hero-banner__button{width:100%;max-width:240px;padding:.8rem 1.3rem!important;font-size:.94rem!important}.hero-intro{gap:1.8rem!important;padding:4.5rem 0 2.5rem!important}.hero-intro__heading{font-size:clamp(2rem,8vw,2.6rem)!important}.hero-intro__text,.content-section__intro-text,.project-section__intro-text,.project-subsection__text,.resume-section__description,.work-experience__description,.software-ai__details-text{font-size:1rem!important}.resume-section{padding-bottom:6rem!important}.resume-section__actions{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.resume-section__action{width:100%}.resume-section__preview{height:520px!important}.resume-section__window-bar{gap:.75rem!important;padding:.85rem 1rem!important}.resume-section__window-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:.7px!important;font-size:.78rem!important}.work-experience__content{padding:1.7rem 1.35rem 1rem!important}.work-experience__title,.software-ai__details-title,.project-subsection__title{font-size:1.7rem!important}.work-experience__media-card{height:220px!important}.software-ai__hero-media{min-height:360px;aspect-ratio:auto!important}.software-ai__hero-video{height:100%!important}.software-ai__hero-copy{bottom:1.25rem!important;left:1.25rem!important;right:1.25rem!important}.software-ai__hero-title{font-size:clamp(1.7rem,8vw,2.25rem)!important}.software-ai__hero-text{font-size:1rem!important}.software-ai__details-card{gap:1.1rem!important;padding:1.75rem!important}.software-ai__details-cta{width:100%;justify-content:center!important}.certificates-section{padding-bottom:6rem!important}.certificates-section__grid{gap:1.2rem!important}.certificates-section__card{padding:1.15rem!important}.certificates-section__preview{height:200px!important;margin-bottom:1rem!important}.robotics-hardware__grid,.bigo-video-grid,.bigo-gallery-grid,.project-grid--two{grid-template-columns:1fr!important}.robotics-hardware__content{padding:1.3rem 1.2rem!important}.project-section__intro{margin-bottom:3rem!important}.project-section__intro-title{font-size:clamp(2rem,8vw,2.8rem)!important}.project-video-card__video{height:360px!important}.project-video-card__copy{bottom:1.35rem!important;left:1.25rem!important;right:1.25rem!important}.project-video-card__title{font-size:1.55rem!important}.project-video-card__description{font-size:.98rem!important;line-height:1.55!important}.tech-pill-group{gap:.65rem!important}.tech-pill{width:fit-content}.bigo-card__media{height:280px!important;min-height:280px!important}.bigo-card__title{font-size:1.15rem!important}.bigo-gallery-shell{border-radius:24px!important;padding:2rem 1rem!important}.bigo-gallery-item{aspect-ratio:16/11}.f1-video-grid{flex-direction:column;gap:1.5rem!important;margin-bottom:4rem!important}.f1-gallery{gap:1rem!important}.f1-gallery-card{flex-basis:100%!important;min-width:0!important;height:260px!important}.f1-gallery-card__title{font-size:1.05rem!important;bottom:1.2rem!important;left:1.2rem!important}.site-footer__container{padding:0 1rem!important}.site-footer__hero{padding-top:5.4rem!important;padding-bottom:3.2rem!important}.site-footer__eyebrow{letter-spacing:2px!important;font-size:.78rem!important}.site-footer__headline{letter-spacing:-1px!important}.site-footer__lead{margin-bottom:2rem!important;font-size:1rem!important}.site-footer__cta-actions{flex-direction:column;width:100%;max-width:420px}.site-footer__cta-button{justify-content:center;width:100%;padding-left:1.25rem!important;padding-right:1.25rem!important}.site-footer__grid{grid-template-columns:1fr!important;gap:2rem!important}.site-footer__brand-copy{max-width:100%!important}.site-footer__bottom{text-align:center;flex-direction:column;justify-content:center!important}.site-footer__bg-word{font-size:24vw!important;bottom:7%!important}.media-lightbox{padding:.75rem!important}.media-lightbox__panel{border-radius:22px!important;max-height:calc(100vh - 1.5rem)!important}.media-lightbox__header{flex-direction:column;align-items:stretch!important;padding:1rem 1rem 0!important}.media-lightbox__close{align-self:flex-end}.media-lightbox__description{font-size:.95rem!important}.media-lightbox__body{padding:.85rem .9rem .9rem!important}.media-lightbox__frame,.media-lightbox__media{max-height:calc(100vh - 16rem)!important}}@media (width<=480px){.container{padding:0 .85rem}.crystal-card{border-radius:16px;padding:1.4rem}.site-navbar{padding-left:.85rem!important;padding-right:.85rem!important}.site-navbar__inner{padding:.55rem .7rem!important}.site-navbar__brand-text{font-size:.96rem!important}.site-navbar__menu-button{border-radius:12px!important;width:42px!important;height:42px!important}.hero-banner{height:auto!important}.hero-banner__headline{font-size:clamp(1.8rem,11vw,2.45rem)!important}.hero-banner__quote{font-size:.9rem!important}.hero-banner__button{max-width:100%}.hero-intro__heading{font-size:clamp(1.8rem,9vw,2.25rem)!important}.resume-section__title{font-size:2.35rem!important}.resume-section__preview{height:460px!important}.resume-section__fallback{padding:1.8rem!important}.work-experience__title,.software-ai__details-title,.project-subsection__title{font-size:1.45rem!important}.software-ai__hero-media{min-height:310px}.software-ai__hero-title{font-size:1.5rem!important}.software-ai__hero-text{font-size:.92rem!important}.certificates-section__grid{grid-template-columns:1fr!important}.project-video-card__video{height:300px!important}.project-video-card__title{font-size:1.28rem!important}.project-video-card__description{font-size:.9rem!important}.bigo-card__media{height:240px!important;min-height:240px!important}.f1-gallery-card{height:220px!important}.site-footer__hero{padding-top:4.8rem!important}.site-footer__headline{font-size:clamp(2rem,11vw,2.8rem)!important}.site-footer__lead{font-size:.95rem!important}.site-footer__cta-button{font-size:.9rem!important}.media-lightbox__eyebrow{letter-spacing:1px!important;font-size:.68rem!important}.media-lightbox__title{font-size:1.15rem!important}.media-lightbox__description{font-size:.88rem!important;line-height:1.5!important}.media-lightbox__close{width:44px!important;height:44px!important}.media-lightbox__frame,.media-lightbox__media{max-height:calc(100vh - 15rem)!important}}
