@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";html,body,#root{width:100%;min-height:100%}body{margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #f6f8fc;--surface: #ffffff;--surface-soft: #f2f6ff;--text: #10233f;--text-muted: #4a6284;--border: #d7e1ef;--accent: #1f4fae;--accent-strong: #163f8d;--radius-sm: .45rem;--radius-md: .65rem;--radius-lg: .85rem;--shadow-sm: 0 6px 18px rgba(16, 35, 63, .08);--shadow-md: 0 12px 28px rgba(16, 35, 63, .12);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--container-width: min(1120px, 92vw)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 12%,#eef3ff 0%,var(--bg) 50%,#f6f8fc 100%)}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:Sora,sans-serif;margin:0;letter-spacing:-.02em}p{margin:0}.main-shell{padding-top:5.35rem}.section{padding:var(--space-6) 0}.section-inner{width:var(--container-width);margin:0 auto}.section-head{max-width:760px;margin-bottom:var(--space-4)}.section-head h2{font-size:clamp(1.45rem,1.2rem + 1.2vw,2.2rem);margin-bottom:var(--space-2)}.section-head p{color:var(--text-muted);font-size:1.02rem;line-height:1.68}.eyebrow{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:.35rem .75rem;border:1px solid var(--border);background:var(--surface);color:var(--accent-strong);font-weight:700;font-size:.84rem}.btn{border-radius:var(--radius-sm);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.05rem;min-height:2.75rem;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{box-shadow:var(--shadow-sm)}.btn-ghost{border-color:var(--border);color:var(--text);background:var(--surface-soft)}.btn-ghost:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid rgba(31,79,174,.35);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-md)}.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f8fce6}.nav-shell{width:var(--container-width);margin:0 auto;padding:.8rem 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:1rem}.header-top{display:flex;align-items:center}.brand{text-decoration:none;font-family:Sora,sans-serif;font-size:.98rem;font-weight:700;color:var(--text)}.nav-links{display:flex;align-items:center;justify-content:center;gap:.35rem}.nav-link{text-decoration:none;font-size:.88rem;color:var(--text-muted);font-weight:600;border-radius:var(--radius-sm);padding:.4rem .72rem}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface);border:1px solid var(--border)}.nav-contact-btn{white-space:nowrap}.header-quick-actions{display:none;align-items:center;gap:.35rem}.header-icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);width:2rem;height:2rem;font-size:1.1rem;line-height:1;cursor:pointer}.header-controls{display:flex;align-items:center;gap:.6rem}.lang-switch{display:inline-flex;align-items:center;gap:.18rem;padding:.15rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;border:none;background:transparent;color:var(--text-muted);font-size:.76rem;font-weight:800;line-height:1;min-width:2.05rem;padding:.38rem .5rem;border-radius:calc(var(--radius-sm) - .14rem);cursor:pointer}.lang-flag{font-size:.9rem;line-height:1}.lang-btn.active{background:var(--accent);color:#fff}.lang-btn:not(.active):hover{background:var(--surface-soft);color:var(--text)}.hero-layout{display:grid;gap:var(--space-4)}.hero-content h1{margin-top:var(--space-3);font-size:clamp(1.95rem,1.5rem + 2.25vw,3.1rem);line-height:1.09}.hero-lead{margin-top:var(--space-3);color:var(--text-muted);max-width:760px;line-height:1.7;font-size:1.03rem}.hero-lead-secondary{margin-top:.75rem}.hero-actions{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:.75rem}.project-links{margin-top:.75rem;display:grid;grid-template-columns:1fr 1fr}.trust-line{margin-top:.95rem;color:var(--accent-strong);font-size:.92rem;font-weight:700}.asset-strip{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}.asset-pill{display:inline-flex;align-items:center;gap:.42rem;padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:700}.asset-pill img{object-fit:contain}.social-list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-wrap:wrap;gap:.7rem}.social-list a{display:inline-flex;align-items:center;padding:.4rem .72rem;text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.88rem;font-weight:600}.social-list a:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.proof-grid,.skills-grid,.experience-grid{display:grid;gap:var(--space-3)}.proof-card,.project-card,.skill-group-card,.experience-card,.about-card{padding:var(--space-4)}.projects-carousel{position:relative}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.35rem;height:2.35rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,#e8f0ff);color:var(--text);font-size:1.5rem;line-height:1;font-weight:700;cursor:pointer;z-index:3;box-shadow:var(--shadow-sm);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.carousel-arrow:hover{transform:translateY(-50%) scale(1.04);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:#fff}.carousel-arrow:disabled{opacity:.4;cursor:not-allowed}.carousel-arrow-prev{left:-.7rem}.carousel-arrow-next{right:-.7rem}.projects-grid{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem 2rem .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b7c7df transparent}.projects-grid::-webkit-scrollbar{height:8px}.projects-grid::-webkit-scrollbar-track{background:transparent}.projects-grid::-webkit-scrollbar-thumb{background:#b7c7df;border-radius:999px}.project-card{flex:0 0 min(86vw,360px);scroll-snap-align:start}.proof-card-top{margin-bottom:.55rem}.proof-icon{object-fit:contain}.proof-card h3,.skill-group-card h3,.experience-card h3,.about-card h3,.project-card-head h3{font-size:1.08rem;margin-bottom:.62rem}.proof-card p,.project-card-head p,.skills-description,.experience-intro,.body-copy,.principles-list,.experience-item ul{color:var(--text-muted);line-height:1.66}.project-thumb-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(var(--radius-md) - .15rem);border:1px solid var(--border);background:#eaf1ff}.project-thumb{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.project-thumb-split{display:grid;grid-template-columns:1fr .7fr;height:100%}.project-thumb-secondary{border-left:1px solid var(--border)}.project-card:hover .project-thumb{transform:scale(1.03)}.project-focus{margin-top:.45rem;color:var(--accent-strong);font-size:.9rem;font-weight:600}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162799;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:2000}.project-modal{position:relative;width:min(760px,96vw);max-height:92vh;padding:var(--space-4);overflow:auto;display:grid;gap:1rem;grid-template-columns:1fr}.project-modal-close{position:sticky;top:.2rem;margin-left:auto;z-index:2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:2rem;height:2rem;line-height:1;cursor:pointer;font-size:1.35rem;color:var(--text)}.project-modal-content{display:grid;gap:.75rem}.project-modal-label{font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-strong);font-weight:800}.project-modal-list{margin:0;padding-left:1rem;display:grid;gap:.45rem;color:var(--text-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));background:var(--surface-soft);color:var(--accent-strong);padding:.3rem .65rem;font-size:.78rem;font-weight:700}.skills-description{margin-bottom:.7rem}.skill-levels-card{margin-top:var(--space-3);padding:var(--space-4)}.skill-levels-card h3{font-size:1.08rem;margin-bottom:.62rem}.skill-levels-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.skill-level-item{display:grid;gap:.45rem}.skill-level-row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.skill-level-name{font-weight:700;color:var(--text)}.skill-level-value{font-weight:800;color:var(--accent-strong)}.skill-level-track{height:.88rem;background:#283247;border:1px solid #2f3d57;border-radius:.12rem;overflow:hidden}.skill-level-fill{display:block;height:100%;background:linear-gradient(90deg,#0f79de,#1ea8e0);border-radius:.12rem 0 0 .12rem}.experience-list{display:grid;gap:1.1rem}.experience-item{border-top:1px dashed var(--border);padding-top:.95rem}.experience-item:first-child{border-top:none;padding-top:0}.experience-meta{color:var(--accent-strong);font-size:.84rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700}.experience-role{margin-top:.3rem;margin-bottom:.55rem;font-size:.95rem;font-weight:700}.experience-intro{margin-bottom:.85rem;max-width:62ch}.experience-card ul,.principles-list{margin:0;padding-left:1.05rem;display:grid;gap:.58rem}.split-grid{display:grid;gap:var(--space-4);align-items:start}.body-copy{margin-top:.72rem;max-width:68ch}.contact-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,#f8fbff,#eef3ff);padding:clamp(1.25rem,1rem + 1.1vw,2rem)}.contact-wrap .section-head{margin-bottom:var(--space-3)}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}.contact-email,.contact-phone a{margin-top:var(--space-3);color:var(--text-muted);font-weight:700}.site-footer{border-top:1px solid var(--border);margin-top:var(--space-6);padding:1.2rem 0 1.6rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.footer-inner p,.footer-links a{color:var(--text-muted);font-size:.9rem;font-weight:600}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.85rem}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--text)}@media (min-width: 760px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{flex-basis:420px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.carousel-arrow-prev{left:.25rem}.carousel-arrow-next{right:.25rem}.projects-grid{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 980px){.proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-card{flex-basis:360px}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}}@media (max-width: 940px){.nav-shell{display:block;padding:.5rem 0}.header-top{justify-content:space-between;gap:.5rem}.header-quick-actions{display:inline-flex}.brand{width:auto;text-align:left;font-size:.9rem;white-space:nowrap}.nav-links{width:100%;display:none}.nav-links.open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem;gap:.34rem;padding-bottom:.05rem}.nav-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:2.05rem;white-space:nowrap;font-size:.79rem;font-weight:700;padding:.32rem .46rem;border:1px solid var(--border);background:var(--surface-soft)}.nav-link.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent-strong);background:#fff}.header-controls{width:100%;display:none;margin-top:.45rem;justify-content:flex-start;gap:.45rem}.header-controls.open{display:flex;flex-wrap:wrap}.lang-switch{padding:.12rem}.lang-btn{min-width:1.85rem;padding:.3rem .42rem;font-size:.71rem}.nav-contact-btn{width:auto;min-height:2.1rem;padding:.5rem .72rem;font-size:.82rem}.main-shell{padding-top:4.9rem}}@media (max-width: 540px){.nav-links.open{grid-template-columns:repeat(2,minmax(0,1fr))}.main-shell{padding-top:4.7rem}.section{padding:2.5rem 0}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.project-links{margin-top:.75rem;display:grid;grid-template-columns:1fr 1fr}}