.nav-wrapper{background:color-mix(in srgb, var(--background-color) 85%, transparent);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);z-index:50;justify-content:center;align-items:center;width:100%;min-height:76px;transition:background-color .2s,border-color .2s;display:flex;position:fixed;top:0;left:0}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:.85rem 1rem;display:flex;position:relative}.logo{color:var(--primary-color);letter-spacing:-.02em;align-items:center;gap:.35rem;font-size:1.25rem;font-weight:900;text-decoration:none;transition:color .2s;display:inline-flex}.logo:hover{color:var(--primary-hover)}.nav-links{background:var(--panel-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:.35rem;width:min(280px,100vw - 2rem);padding:.75rem;display:none;position:absolute;top:calc(100% + .5rem);right:1rem}.nav-links.active{display:flex}.nav-links a{color:var(--text-color);border-radius:var(--radius-sm);align-items:center;min-height:44px;padding:.5rem .85rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-links a:hover{background:var(--primary-light);color:var(--primary-color)}.nav-links a.active{color:var(--primary-color);background:var(--primary-light);box-shadow:inset 0 -2px 0 var(--primary-color)}.nav-actions{align-items:center;gap:.5rem;display:flex}.icon-button,.menu-button{background:var(--panel-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-button:hover,.menu-button:hover{border-color:var(--border-hover);color:var(--primary-color);transform:translateY(-1px)}@media screen and (width>=800px){.logo{font-size:1.4rem}.nav-links{box-shadow:none;background:0 0;border:0;flex-direction:row;align-items:center;gap:.2rem;width:auto;padding:0;display:flex;position:static}.menu-button{display:none}}.home-container{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(1120px,100% - 2rem);min-height:calc(100svh - 84px);padding-top:96px;display:flex;position:relative}.home-container:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--primary-color) 12%, transparent) 0%, color-mix(in srgb, var(--primary-color) 3%, transparent) 70%, transparent 100%);border-block:1px solid color-mix(in srgb, var(--primary-color) 12%, transparent);width:100vw;height:min(82%,560px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-container .profile{margin-top:2rem;position:relative}.home-container .profile:after{content:"";background:linear-gradient(135deg, var(--primary-color), var(--accent-color));z-index:-1;opacity:.6;filter:blur(12px);border-radius:50%;position:absolute;inset:-6px}.home-container .content{width:100%;min-width:0;max-width:680px}.hero-status-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--panel-color) 80%, var(--primary-color) 8%);border:1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);color:var(--text-color);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 0 3px #10b98140}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.2)}}.hero-stats{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:1.25rem;display:flex}.hero-stat-pill{background:var(--panel-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;display:inline-flex}.hero-stat-pill strong{color:var(--primary-color);font-weight:800}.hero-stat-pill span{color:var(--text-muted)}.hero-intro{color:var(--text-color);overflow-wrap:anywhere;text-wrap:balance;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.65rem;font-weight:800;line-height:1.3}.hero-intro span{display:block}.hero-role{color:var(--accent-color);letter-spacing:.1em;text-transform:uppercase;margin-top:.6rem;font-size:.85rem;font-weight:800}.content .home-btn{background-color:var(--panel-color);color:var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid var(--primary-color);width:min(100%,220px);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.85rem 1.4rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.home-actions{flex-flow:column wrap;justify-content:center;align-items:center;gap:.85rem;margin-top:1.25rem;display:flex}.content .home-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 40%, transparent)}.home-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.content .home-btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.profile img{aspect-ratio:1;border:4px solid var(--panel-color);box-shadow:var(--shadow-lg);object-fit:cover;object-position:center;border-radius:50%;width:min(260px,70vw);height:auto;transition:transform .3s}.profile:hover img{transform:scale(1.02)}@media screen and (width>=481px){.hero-intro{font-size:2rem}.content .home-btn{width:auto}.home-actions{flex-direction:row}}@media screen and (width>=900px){.home-container{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.home-container:before{height:min(72%,460px)}.home-container .profile{margin-top:0}.home-container .content{text-align:left}.hero-intro{font-size:2.35rem}.home-actions{justify-content:flex-start}}.heading-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.heading{color:var(--text-color);letter-spacing:-.02em;overflow-wrap:anywhere;text-align:center;max-width:100%;margin-bottom:.5rem;font-size:2rem;font-weight:800;position:relative}.heading-container span{background:linear-gradient(90deg, var(--primary-color), var(--accent-color));border-radius:var(--radius-full);width:64px;height:4px;margin:0 auto;display:inline-block}@media screen and (width>=600px){.heading{font-size:2.5rem}}.skills-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.skills-wrapper{flex-direction:column;gap:1.5rem;width:100%;margin-top:1.5rem;display:flex}.skills-tablist{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.skills-tab-button{background:var(--panel-color);border:1px solid var(--border-color);color:var(--muted-color);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.skills-tab-button:hover{color:var(--text-color);border-color:var(--border-hover);transform:translateY(-1px)}.skills-tab-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 35%, transparent)}:root[data-theme=dark] .skills-tab-button.active,[data-theme=dark] .skills-tab-button.active,body[data-theme=dark] .skills-tab-button.active{background:#0f5b4f;border-color:#74d3bd;color:#fff!important}.skills-carousel-container{background:var(--panel-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);padding:1.5rem;position:relative;overflow:hidden}.skills-carousel-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.skills-carousel-title{align-items:center;gap:.75rem;display:flex}.skills-carousel-title .skill-icon{color:var(--primary-color);font-size:1.6rem}.skills-carousel-title h3{color:var(--text-color);font-size:1.3rem;font-weight:800}.skills-carousel-controls{align-items:center;gap:.5rem;display:flex}.carousel-btn{border-radius:var(--radius-full);background:var(--panel-color);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:inline-flex}.carousel-btn:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.carousel-slide-content{gap:1.5rem;margin-top:1.5rem;display:grid}.skills-tags-section h4,.skills-context-section h4{letter-spacing:.05em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.75rem;font-size:.85rem;font-weight:800}.skills-carousel-tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.skills-carousel-tags li{border-radius:var(--radius-full);background:var(--primary-light);color:var(--text-color);border:1px solid color-mix(in srgb, var(--primary-color) 20%, transparent);padding:.35rem .85rem;font-size:.85rem;font-weight:600}.skills-context-grid{gap:.85rem;display:grid}.skill-context-card{background:color-mix(in srgb, var(--background-color) 70%, transparent);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:3px solid var(--primary-color);padding:1rem 1.25rem}.skill-context-card .context-source{text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color);margin-bottom:.25rem;font-size:.8rem;font-weight:800}.skill-context-card p{color:var(--text-color);margin:0;font-size:.95rem;line-height:1.6}.skills-carousel-indicators{justify-content:center;align-items:center;gap:.6rem;margin-top:1.25rem;padding-top:.75rem;display:flex}.indicator-dot{border-radius:var(--radius-full);background:color-mix(in srgb, var(--muted-color) 35%, transparent);cursor:pointer;border:none;width:10px;height:10px;padding:0;transition:all .25s}.indicator-dot.active{background:var(--primary-color);width:28px}.skills-cards{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%;margin-top:1.5rem;display:flex}@media screen and (width>=760px){.skills-carousel-container{padding:2rem}.skills-cards{gap:1.25rem}.skills-card{flex:0 calc(50% - .625rem)}.skills-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width>=1080px){.skills-card{flex:0 calc(33.3333% - .833333rem)}}.connect-section{text-align:center;margin-bottom:4rem}.contact-copy{max-width:640px;margin:0 auto 2rem;font-size:1.05rem}.grid-flow{flex-wrap:nowrap;justify-content:center;gap:1rem;display:flex}.grid-flow a,.grid-flow .copy-email-button{background:var(--panel-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;gap:.85rem;width:56px;height:56px;padding:0;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.grid-flow a:hover,.grid-flow .copy-email-button:hover{color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.grid-item{color:var(--primary-color);font-size:1.5rem}.grid-flow a span,.grid-flow .copy-email-button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media screen and (width>=481px){.grid-flow{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin:0 auto;display:grid}.grid-flow a,.grid-flow .copy-email-button{width:auto;height:auto;min-height:58px;padding:1rem 1.25rem}.grid-flow a span,.grid-flow .copy-email-button span{clip:auto;clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}.error-boundary{background:var(--background-color);color:var(--text-color);text-align:center;justify-content:center;align-items:center;min-height:100svh;padding:2rem;display:flex}.error-boundary__content{max-width:34rem}.error-boundary h1{margin-bottom:1rem;font-size:3rem}.error-boundary p{color:var(--muted-color);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.error-boundary button{background:var(--primary-color);border:2px solid var(--primary-color);color:var(--background-color);cursor:pointer;font:inherit;border-radius:6px;min-height:44px;padding:.75rem 1.25rem;font-weight:700}@media (width<=600px){.error-boundary h1{font-size:2.25rem}}:root{--primary-color:#0f5b4f;--primary-hover:#0a463c;--primary-light:#e6f4f1;--accent-color:#b45309;--accent-light:#fef3e9;--background-color:#f8fafc;--panel-color:#fff;--card-bg:#fff;--text-color:#0f172a;--muted-color:#475569;--border-color:#cbd5e1;--border-hover:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 12px 28px -4px #0f172a14, 0 4px 12px -2px #0f172a0a;--shadow-color:#0f172a14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary-color:#74d3bd;--primary-hover:#99e2d1;--primary-light:#74d3bd26;--accent-color:#f0aa68;--accent-light:#f0aa6826;--background-color:#11172a;--panel-color:#17201e;--card-bg:#1c2624;--text-color:#f1f6f4;--muted-color:#b2c2bc;--border-color:#435daa;--border-hover:#5c79cf;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 8px -1px #0006;--shadow-lg:0 16px 36px -4px #0000008c;--shadow-color:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--background-color);width:100%;min-height:100svh;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-color);outline-offset:4px}.skip-link{background:var(--panel-color);border:2px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--text-color);z-index:100;box-shadow:var(--shadow-lg);padding:.75rem 1.25rem;font-weight:800;text-decoration:none;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-container{background:radial-gradient(circle at 10% 15%, color-mix(in srgb, var(--primary-color) 4%, transparent) 0%, transparent 40%), radial-gradient(circle at 90% 85%, color-mix(in srgb, var(--accent-color) 4%, transparent) 0%, transparent 40%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}.app-container>main{flex-direction:column;align-items:center;width:100%;display:flex}.section{width:min(1120px,100% - 2rem);padding:5rem 0}.about-section .heading-container,.impact-section .heading-container,.education-section .heading-container,.awards-section .heading-container{margin-bottom:1.5rem}.skills-container .heading-container,.connect-section .heading-container{margin-bottom:1.25rem}.experience-section .heading-container{margin-bottom:1rem}.section-subtitle{color:var(--muted-color);text-align:center;max-width:720px;margin:0 auto 1.75rem;font-size:1.05rem;font-weight:600;line-height:1.6}.section-subtitle a{color:var(--primary-color);text-underline-offset:4px;text-decoration-thickness:2px}.section-panel,.impact-card,.timeline-item,.award-card,.skills-card{background:var(--panel-color);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow-wrap:anywhere;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s}.section-panel{border-radius:var(--radius-md);border-left:4px solid var(--primary-color);padding:1.75rem;line-height:1.8}.section-panel p,.impact-card p,.award-card p,.timeline-item li,.contact-copy p{color:var(--muted-color);line-height:1.7}.about-section .section-panel{gap:1.25rem;display:grid}.impact-grid,.education-list,.awards-grid,.timeline{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.impact-card,.award-card{border-radius:var(--radius-md);flex-direction:column;flex:0 100%;padding:1.5rem;display:flex}.impact-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.impact-metric-badge{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color);border:1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);border-radius:var(--radius-full);letter-spacing:.04em;padding:.2rem .55rem;font-size:.78rem;font-weight:800}.impact-card:hover,.award-card:hover,.timeline-item:hover{border-color:var(--border-hover);transform:translateY(-3px)}.impact-card h3,.timeline-item h3,.award-card h3,.education-list h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.35}.eyebrow{color:var(--accent-color);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.timeline-item{border-radius:var(--radius-md);flex:0 100%;gap:1.25rem;padding:1.5rem;display:grid;position:relative}.timeline-item ul{gap:.65rem;padding-left:1.25rem;display:grid}.timeline-item li{font-size:.95rem}.timeline-item li::marker{color:var(--primary-color)}.role-meta{color:var(--muted-color);font-size:.95rem;font-weight:700}@media screen and (width>=760px){.section{padding:6.5rem 0}.impact-card,.timeline-item,.award-card{flex-basis:calc(50% - .625rem)}}@media screen and (width>=1080px){.impact-card,.timeline-item,.award-card{flex-basis:calc(33.3333% - .833333rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
