*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eef2f7;--navy:#0f172a;--blue:#2563eb;--muted:#64748b;--line:#d8e0ea;--surface:#fff;--font:"Inter", system-ui, sans-serif;--radius:14px;--ease:.25s ease}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);font-family:var(--font);-webkit-font-smoothing:antialiased;min-width:320px;font-size:16px;line-height:1.65}button,input,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}#root{width:100%}.app{width:100%;min-height:100vh;display:block;overflow:hidden}main{width:100%;display:block}.skip-link{z-index:200;background:var(--navy);color:#fff;border-radius:8px;padding:.6rem .8rem;position:fixed;top:-50px;left:1rem}.skip-link:focus{top:1rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eef2f7eb;border-bottom:1px solid #d8e0eae6;align-items:center;gap:2rem;height:72px;padding:0 clamp(1rem,5vw,4.5rem);display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--navy);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.7rem;font-weight:750;display:inline-flex}.brand__mark{background:var(--navy);color:#fff;letter-spacing:.04em;border-radius:9px;place-items:center;width:34px;height:34px;font-size:.75rem;display:grid}.nav-links{align-items:center;gap:.2rem;margin-left:auto;display:flex}.nav-link{color:var(--muted);transition:color var(--ease), background var(--ease);background:0 0;border:0;border-radius:7px;padding:.45rem .7rem;font-size:.82rem}.nav-link:hover,.nav-link--active{color:var(--blue);background:#eff6ff}.nav-cta{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:7px;align-items:center;gap:.35rem;padding:.5rem .8rem;font-size:.82rem;font-weight:650;display:inline-flex}.menu-toggle{color:var(--navy);background:0 0;border:0;display:none}.hero{background:var(--navy);color:#f8fafc;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);align-items:center;gap:4rem;min-height:700px;margin:0 auto;padding:155px max(clamp(1rem,5vw,4rem),50vw - 590px) 100px;display:grid}.hero__content{max-width:700px}.hero__eyebrow,.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.72rem;font-weight:750;display:flex}.status-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dcfce7}h1,h2,h3,p{margin:0}h1{letter-spacing:-.055em;max-width:760px;font-size:clamp(2.7rem,6vw,5rem);line-height:1.08}h1 em,h2 span{color:var(--blue);font-style:normal}.hero__summary{color:#cbd5e1;max-width:590px;margin:1.5rem 0 1.8rem;font-size:1.08rem}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{transition:transform var(--ease), box-shadow var(--ease), background var(--ease);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.88rem;font-weight:650;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #2563eb33}.button--primary:hover{box-shadow:0 12px 25px #2563eb47}.button--secondary{border-color:var(--line);color:var(--navy);background:#fff}.hero__facts{color:#cbd5e1;flex-wrap:wrap;gap:1.25rem;margin-top:2.5rem;font-size:.83rem;display:flex}.hero__facts span,.contact-inline,.contact-details a{align-items:center;gap:.45rem;display:inline-flex}.hero__portrait{justify-self:end;position:relative}.portrait-frame{aspect-ratio:4/5;background:#dbeafe;border-radius:18px;width:min(330px,35vw);overflow:hidden;box-shadow:18px 18px #dbeafe}.portrait-frame img{object-fit:cover;object-position:center top;filter:saturate(.88);width:100%;height:100%}.portrait-card{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:.65rem;padding:.8rem 1rem;display:flex;position:absolute;bottom:26px;left:-36px;box-shadow:0 12px 30px #0f172a1a}.portrait-card strong{color:var(--blue);font-size:1.35rem}.portrait-card span{color:var(--muted);font-size:.72rem;line-height:1.35}.section{width:100%;padding:100px clamp(1rem,5vw,4rem);display:block}.section--tint{background:#e7ecf2}.section--dark{color:#f8fafc;background:#0d1117}.section--navy{background:var(--navy);color:#fff}.section__grid{max-width:1080px;margin:0 auto}.split-grid{grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:5rem;display:grid}.eyebrow{margin-bottom:1.4rem}.eyebrow--light{color:#93c5fd}h2{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.section__copy{max-width:600px;color:var(--muted)}.section__copy p+p{margin-top:1rem}.contact-inline{color:var(--navy);margin-top:1.5rem;font-size:.86rem;font-weight:650}.education-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:1rem;max-width:700px;margin-top:1.6rem;padding:1.5rem;display:flex;box-shadow:0 10px 30px #0f172a0a}.icon-box,.timeline-icon{width:44px;height:44px;color:var(--blue);background:#eff6ff;border-radius:10px;flex:none;place-items:center;display:grid}.card-kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.education-card h3,.timeline-item h3{margin:.35rem 0 .1rem;font-size:1.2rem}.card-muted{color:var(--navy);font-size:.9rem;font-weight:600}.card-detail{color:var(--muted);margin-top:.65rem;font-size:.9rem}.section-heading-row,.achievement-layout{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.3rem;display:flex}.section__lead{max-width:330px;color:var(--muted);font-size:.92rem}.section--dark .section__lead{color:#a8b3c2}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.2rem;width:100%;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);background:#fff;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:#93c5fd;transform:translateY(-5px);box-shadow:0 16px 30px #0f172a17}.project-image{aspect-ratio:16/9;background:#e2e8f0;flex:none;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.04)}.project-content{flex-direction:column;flex:1;padding:1.15rem;display:flex}.project-title{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.project-title h3{font-size:1.05rem}.project-title svg{color:var(--blue);flex:none}.project-content p{min-height:70px;color:var(--muted);margin:.55rem 0 .9rem;font-size:.83rem;line-height:1.55}.tags,.skill-list{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.tag,.skill-list span{color:#1d4ed8;background:#eff6ff;border-radius:5px;padding:.22rem .5rem;font-size:.7rem;font-weight:650}.timeline{gap:1.5rem;display:grid}.timeline-item{border-bottom:1px solid var(--line);gap:1rem;max-width:620px;padding-bottom:1.5rem;display:flex}.timeline-icon{width:38px;height:38px}.timeline-item p{color:var(--muted);margin-top:.5rem;font-size:.9rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;display:grid}.skill-group{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.35rem}.skill-group__title{color:var(--navy);align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.skill-group__title svg{color:var(--blue)}.skill-group h3{font-size:1rem}.skill-list span{border:1px solid var(--line);color:var(--muted);background:#f8fafc}.achievement-layout{align-items:start;margin:0}.section--navy h2{max-width:500px}.section__lead--light{color:#cbd5e1;margin-top:1rem}.achievement-list{gap:1rem;max-width:500px;display:grid}.achievement-list li{color:#e2e8f0;border-bottom:1px solid #334155;align-items:start;gap:.8rem;padding:.9rem 0;font-size:.9rem;display:flex}.achievement-list svg{color:#60a5fa;flex:none}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.contact-details{color:var(--muted);gap:.7rem;margin-top:2rem;font-size:.88rem;display:grid}.contact-details a:hover{color:var(--blue)}.form-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem;box-shadow:0 12px 32px #0f172a0d}.form-card form{gap:1rem;display:grid}.form-card label{color:var(--navy);gap:.35rem;font-size:.75rem;font-weight:700;display:grid}.form-card input,.form-card textarea{border:1px solid var(--line);width:100%;color:var(--navy);resize:vertical;background:#f8fafc;border-radius:7px;outline:0;padding:.65rem .75rem;font-size:.88rem}.form-card input:focus,.form-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dbeafe}.form-error{color:#b91c1c;font-size:.8rem}.success-message{place-items:start;gap:.6rem;padding:2rem .5rem;display:grid}.success-message svg{color:#16a34a}.success-message p{color:var(--muted);font-size:.9rem}footer{color:#cbd5e1;background:#000;border-top:1px solid #1e293b;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.5rem clamp(1rem,5vw,4rem);font-size:.8rem;display:flex}footer strong{color:#fff}footer button{color:#93c5fd;background:0 0;border:0;font-weight:650}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.reveal--visible{opacity:1;transform:translateY(0)}:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}@media (width<=900px){.navbar{gap:1rem}.nav-links{gap:0}.nav-link{padding-inline:.45rem}.hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding-top:125px}.hero__portrait{justify-self:center}.portrait-frame{width:min(330px,75vw)}.projects-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.contact-layout{gap:2.5rem}}@media (width<=1050px){.menu-toggle{margin-left:auto;display:block}.nav-cta{display:none}.nav-links{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.75rem 1rem 1rem;display:none;position:absolute;top:72px;left:0;right:0}.nav-links--open{display:flex}.nav-link{text-align:left;width:100%;padding:.7rem}}@media (width<=700px){.navbar{height:64px}.nav-links{top:64px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:125px}.hero__portrait{justify-self:center;margin-top:1rem}.portrait-frame{width:min(270px,75vw)}.portrait-card{left:-15px}.section{padding-block:70px}.split-grid,.contact-layout,.achievement-layout{grid-template-columns:1fr;gap:2rem;display:grid}.section-heading-row{align-items:start;gap:1rem;display:grid}.projects-grid,.skills-grid{grid-template-columns:1fr}.project-content p{min-height:auto}footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}section{scroll-margin-top:80px}@media (width<=700px){.navbar{gap:.5rem;padding-inline:1rem}.brand{gap:.55rem;min-width:0;font-size:.9rem}.brand__mark{width:32px;height:32px}.menu-toggle{border-radius:8px;place-items:center;width:44px;height:44px;margin-right:-.35rem;display:grid}.menu-toggle:hover{background:#e2e8f0}.nav-links{padding:.6rem 1rem .85rem;box-shadow:0 12px 22px #0f172a14}.nav-link{min-height:44px;padding:.65rem .75rem;font-size:.9rem}.hero{gap:2.75rem;padding:112px 1.25rem 72px}.hero__eyebrow{margin-bottom:.85rem;font-size:.65rem}h1{font-size:clamp(2.45rem,12vw,3.55rem);line-height:1.04}.hero__summary{margin:1.25rem 0 1.5rem;font-size:1rem;line-height:1.6}.hero__actions{grid-template-columns:1fr;gap:.65rem;display:grid}.button{width:100%;min-height:48px}.hero__facts{gap:.7rem;margin-top:1.8rem;font-size:.8rem;display:grid}.hero__portrait{margin-top:0}.portrait-frame{width:min(260px,70vw);box-shadow:12px 12px #dbeafe}.portrait-card{padding:.65rem .8rem;bottom:18px;left:-10px}.portrait-card strong{font-size:1.15rem}.portrait-card span{font-size:.68rem}.section{padding:64px 1.25rem}section{scroll-margin-top:72px}.eyebrow{margin-bottom:1rem}h2{font-size:clamp(2rem,9vw,2.65rem)}.section-heading-row,.achievement-layout{margin-bottom:1.8rem}.education-card,.form-card{padding:1.15rem}.education-card{gap:.8rem}.education-card h3,.timeline-item h3{font-size:1.1rem}.card-muted,.card-detail,.timeline-item p{font-size:.84rem}.projects-grid,.skills-grid{gap:.85rem}.project-content{padding:1rem}.project-title h3{font-size:1rem}.project-content p{font-size:.82rem}.skill-group{padding:1.1rem}.achievement-list{gap:.5rem}.achievement-list li{gap:.65rem;padding:.8rem 0;font-size:.84rem}.contact-details{gap:.85rem;margin-top:1.5rem}.contact-details a{overflow-wrap:anywhere;min-height:30px}.form-card{margin-top:.25rem}.form-card input,.form-card textarea{min-height:46px;padding:.7rem .75rem}footer{padding:1.35rem 1.25rem}footer button{min-height:44px;padding:.5rem .75rem}}@media (width<=380px){.brand{font-size:.82rem}.hero,.section{padding-inline:1rem}}
