*{box-sizing:border-box}html,body{scroll-behavior:smooth;background:#e6e9e4;margin:0;padding:0}#root{min-height:100vh}.km-root{--card:#fff;--card2:#f2f3ef;--text:#0e0f11;--muted:#565b62;--faint:#878d94;--line:#0f141917;--pill:#0e0f11;--pill-fg:#fff;--acc:#cbf24e;--acc-ink:#10130a;--shadow:0 1px 2px #1b27330a, 0 14px 34px #1b273312;--page-bg:linear-gradient(157deg, #e4e8e6 0%, #e9ebde 54%, #edeedc 100%);--glass:#ffffff80;--glass-bd:#ffffff9e;--blur:saturate(160%) blur(16px);--glass-solid:#ffffffbd;--aurora-1:#ffa387d1;--aurora-2:#b49bffbf;--aurora-3:#8cb2ffe0;--aurora-b1:#eee5fb;--aurora-b2:#e1daf5;--aurora-b3:#d5e2fa;--aurora-text:#241a3d;--aurora-desc:#241a3db8}.km-root[data-theme=dark]{--card:#17191d;--card2:#1f2228;--text:#f2f3ef;--muted:#a4aab1;--faint:#7c828a;--line:#ffffff16;--pill:#f2f3ef;--pill-fg:#10130a;--shadow:0 1px 2px #0006, 0 20px 44px #00000080;--glass:#1c1f2575;--glass-bd:#ffffff1a;--glass-solid:#1f2229e6;--page-bg:linear-gradient(157deg, #141619 0%, #121317 54%, #0e1012 100%);--aurora-1:#b46c5c66;--aurora-2:#705aaf5c;--aurora-3:#4662a56b;--aurora-b1:#14161f;--aurora-b2:#111219;--aurora-b3:#0d0e15;--aurora-text:#eee8fa;--aurora-desc:#cdc7e0b3}.km-root[data-accent=lime]{--acc:#cbf24e;--acc-ink:#10130a}.km-root[data-accent=cobalt]{--acc:#3b6cf6;--acc-ink:#fff}.km-root[data-accent=violet]{--acc:#8b5cf6;--acc-ink:#fff}.km-root[data-accent=orange]{--acc:#f59e2e;--acc-ink:#10130a}.km-root input::placeholder{color:var(--faint)}.km-root ::selection{background:var(--acc);color:#10130a}.km-toggle{background:var(--card2);border:1px solid var(--line);width:64px;height:34px;box-shadow:var(--shadow);cursor:pointer;border-radius:999px;flex:none;align-items:center;padding:0;transition:background .4s,border-color .2s;display:flex;position:relative}.km-toggle:hover{border-color:var(--acc)}.km-toggle svg{color:var(--faint);pointer-events:none;transition:color .4s;position:absolute;top:50%;transform:translateY(-50%)}.km-toggle .km-t-sun{left:9px}.km-toggle .km-t-moon{right:9px}.km-root[data-theme=dark] .km-toggle .km-t-moon,.km-root:not([data-theme=dark]) .km-toggle .km-t-sun{color:var(--acc-ink)}.km-toggle-knob{background:var(--acc);border-radius:50%;width:26px;height:26px;transition:transform .42s cubic-bezier(.22,1,.36,1),background .4s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.km-root[data-theme=dark] .km-toggle-knob{transform:translate(30px)}.km-navlink{transition:background .2s,color .2s}.km-navlink:hover{background:var(--acc)!important;color:var(--acc-ink)!important}.km-navlink.active{transition:none;background:var(--acc)!important;color:var(--acc-ink)!important}@keyframes kmFloatA{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes kmFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(11px)}}@keyframes kmFloatC{0%,to{transform:translate(0)}50%{transform:translate(7px,-9px)}}@keyframes kmPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}@keyframes kmAurora{0%{background-position:0 0}25%{background-position:85% 25%}50%{background-position:100% 85%}75%{background-position:15% 100%}to{background-position:0 0}}@keyframes kmRibbon{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.km-viewproj svg{transition:transform .28s cubic-bezier(.22,1,.36,1)}.km-viewproj:hover svg{transform:translate(3px,-3px)}.km-carcard{position:relative}.km-carcard:before{content:"";z-index:0;pointer-events:none;opacity:0;background-image:radial-gradient(85% 78% at 10% 102%, var(--aurora-1) 0%, transparent 60%), radial-gradient(95% 95% at 78% 10%, var(--aurora-2) 0%, transparent 62%), radial-gradient(105% 95% at 18% -12%, var(--aurora-3) 0%, transparent 58%), linear-gradient(160deg, var(--aurora-b1) 0%, var(--aurora-b2) 55%, var(--aurora-b3) 100%);background-size:260% 260%;border-radius:22px;transition:opacity .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.km-carcard:hover:before{opacity:1;animation:7s ease-in-out infinite kmAurora}.km-carcard:hover{transform:translateY(-6px);color:var(--aurora-text)!important;--card-desc-c:var(--aurora-desc)!important;box-shadow:0 22px 46px #00000038!important}@media (prefers-reduced-motion:reduce){.km-root *{animation:none!important}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.cta-btn{transition:transform .15s}.cta-btn:hover{transform:translateY(-2px)}.cta-btn:active{transform:translateY(0)}.social-icon-btn{transition:all .18s}.social-icon-btn:hover{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.certs-viewall-btn{transition:color .18s}.certs-viewall-btn:hover{color:var(--acc)}.featured-project-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s}.featured-project-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000002e}.view-projects-pill{transition:background .18s}.view-projects-pill:hover{background:#ffffff47}.viewall-pill-btn{transition:transform .15s}.viewall-pill-btn:hover{transform:translateY(-1px)}.carousel-nav-btn{transition:all .18s}.carousel-nav-btn:hover{border-color:var(--acc);color:var(--acc)}.modal-close-btn{transition:all .18s}.modal-close-btn:hover{border-color:var(--acc);color:var(--acc)}.certs-close-btn{transition:all .18s}.certs-close-btn:hover{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.detail-close-btn{transition:all .18s}.detail-close-btn:hover{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}.all-projects-card{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,background .45s,color .45s;position:relative}.all-projects-card:hover{animation:7s ease-in-out infinite kmAurora;transform:translateY(-6px);color:var(--aurora-text)!important;--card-desc-c:var(--aurora-desc)!important;background-image:radial-gradient(85% 78% at 10% 102%, var(--aurora-1) 0%, transparent 60%), radial-gradient(95% 95% at 78% 10%, var(--aurora-2) 0%, transparent 62%), radial-gradient(105% 95% at 18% -12%, var(--aurora-3) 0%, transparent 58%), linear-gradient(160deg, var(--aurora-b1) 0%, var(--aurora-b2) 55%, var(--aurora-b3) 100%)!important;background-size:260% 260%!important;box-shadow:0 22px 46px #00000038!important}.skill-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s}.skill-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px color-mix(in oklab, var(--gc) 60%, transparent), 0 0 20px color-mix(in oklab, var(--gc) 50%, transparent), 0 14px 34px #00000029!important;border-color:color-mix(in oklab, var(--gc) 70%, var(--line))!important}.contact-social-icon{transition:all .18s}.contact-social-icon:hover{color:#12131a;background:#f5f1e8;border-color:#f5f1e8;transform:translateY(-2px)}html,body{overflow-x:hidden}.km-nav-burger{display:none}@media (width<=1024px){.km-container{padding:18px 20px 32px!important}.km-hero-grid{grid-template-columns:1fr!important}}.km-hero-col{container-type:inline-size}@container (width<=780px){.km-hero-card{grid-template-columns:1fr!important;min-height:0!important;padding:26px!important}.km-hero-right{margin-top:20px;min-height:0!important;position:relative!important}.km-hero-visual-glow,.km-hero-float-dot{display:none!important}.km-hero-portrait{border-radius:18px!important;width:100%!important;max-width:280px!important;height:auto!important;margin:0 auto!important;display:block!important;position:static!important;bottom:auto!important;left:auto!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}.km-hero-bio-wrap{max-width:100%!important}.km-hero-bio-text{width:100%!important;height:auto!important}}@container (width<=460px){.km-hero-card{padding:20px!important}.km-hero-portrait{max-width:220px!important}}@media (width<=768px){.km-container{padding:14px 14px 28px!important}.km-nav-header{padding:8px!important}.km-nav-burger{display:flex!important}.km-nav-links{display:none!important}.km-nav-links.km-nav-open{background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;z-index:150!important;border-radius:20px!important;flex-direction:column!important;gap:3px!important;padding:8px!important;display:flex!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important}.km-nav-links.km-nav-open a{text-align:center!important;box-sizing:border-box!important;width:100%!important;padding:13px!important;font-size:15px!important}.km-nav-spacer{display:none!important}.km-section-spacer,.km-section-header-row{margin-top:110px!important}.km-two-col-row{flex-direction:column!important}.km-techstack-grid{gap:10px!important}.km-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.km-work-carousel-row{gap:8px!important}.km-work-carousel-row .carousel-nav-btn{width:44px!important;height:44px!important}.km-contact-info{width:100%;min-width:0!important}.km-modal-backdrop{padding:12px!important}.km-modal-header{padding:18px 20px!important}.km-modal-body{padding:16px 20px 22px!important}.km-projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.km-detail-image{height:220px!important}}@media (width<=640px){.km-carousel-viewport{height:auto!important}.km-carousel-card:not(.km-carousel-card-active){display:none!important}.km-carousel-card.km-carousel-card-active{width:100%!important;max-width:420px!important;height:auto!important;margin:0 auto!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.km-carousel-card.km-carousel-card-active .km-carcard{height:auto!important}.km-carousel-img-wrap{height:200px!important}}@media (width<=480px){.km-container{padding:12px 12px 24px!important}.km-nav-name{display:none!important}.km-section-spacer,.km-section-header-row{margin-top:80px!important}.km-techstack-grid{grid-template-columns:repeat(3,1fr)!important;row-gap:18px!important}.km-skills-grid{grid-template-columns:1fr!important}.km-work-carousel-row .carousel-nav-btn{width:36px!important;height:36px!important}.km-work-carousel-row .carousel-nav-btn svg{width:16px!important;height:16px!important}.km-carousel-img-wrap{height:170px!important}.km-carousel-desc{display:none!important}.km-projects-grid{grid-template-columns:1fr!important}}