:root{--bg-base: #f5f6f3;--bg-elevated: #ffffff;--bg-muted: #edf1ef;--text-primary: #172638;--text-secondary: #4d6073;--brand: #0b7d83;--brand-strong: #075b61;--accent: #f09145;--border: rgba(23, 38, 56, .14);--header-bg: rgba(245, 246, 243, .8);--shadow-soft: 0 12px 40px rgba(17, 25, 40, .08);--shadow-strong: 0 24px 60px rgba(17, 25, 40, .14);--ring: rgba(11, 125, 131, .25)}[data-theme=dark]{--bg-base: #07111d;--bg-elevated: #0d1b2a;--bg-muted: #13263b;--text-primary: #e8f1fb;--text-secondary: #9eb2c8;--brand: #3ec2c8;--brand-strong: #2aa7ad;--accent: #f7b267;--border: rgba(232, 241, 251, .16);--header-bg: rgba(7, 17, 29, .84);--shadow-soft: 0 12px 40px rgba(3, 8, 16, .35);--shadow-strong: 0 24px 60px rgba(3, 8, 16, .45);--ring: rgba(62, 194, 200, .3)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;color:var(--text-primary);background:linear-gradient(160deg,var(--bg-base) 0%,var(--bg-muted) 45%,var(--bg-base) 100%);line-height:1.6;overflow-x:clip}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:999px;filter:blur(70px);opacity:.45;pointer-events:none;animation:floatCloud 12s ease-in-out infinite}body:before{width:360px;height:360px;background:#0b7d8366;top:-120px;right:-80px}body:after{width:420px;height:420px;background:#f0914547;bottom:-160px;left:-140px;animation-delay:-6s}@keyframes floatCloud{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-24px) translate(18px)}}a{color:inherit}img{display:block;max-width:100%}#root{min-height:100vh}.container{width:min(1120px,calc(100% - 2.5rem));margin-inline:auto}.site-main{padding-block-end:3rem}.section{padding-block:5.5rem}.section-heading{margin-bottom:2.4rem;max-width:760px}.section-kicker{margin:0 0 .45rem;color:var(--brand);font-weight:700;letter-spacing:.08em;font-size:.75rem;text-transform:uppercase}.section-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;letter-spacing:-.02em}.section-lead{margin:.85rem 0 0;max-width:64ch;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;border-radius:999px;padding:.8rem 1.35rem;border:1px solid transparent;font-size:.94rem;font-weight:700;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.theme-toggle:focus-visible,.menu-toggle:focus-visible,.icon-link:focus-visible,.site-nav a:focus-visible,.contact-link:focus-visible,.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{border-color:var(--border);color:var(--text-primary);background:#ffffff73}[data-theme=dark] .btn-ghost{background:#ffffff08}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding-block:.85rem}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{width:2.6rem;height:2.6rem;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-soft);padding:.3rem}.brand-copy{display:grid;line-height:1.1}.brand-name{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.02rem;font-weight:700}.brand-role{font-size:.76rem;color:var(--text-secondary)}.site-nav{justify-self:center}.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.15rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:700;font-size:.88rem;position:relative}.nav-link:after{content:"";position:absolute;left:0;bottom:-.35rem;height:2px;width:0;background:var(--brand);transition:width .18s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:.6rem}.icon-link{width:2.45rem;height:2.45rem;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);color:var(--text-primary);background:var(--bg-elevated);transition:border-color .18s ease,color .18s ease,transform .18s ease}.icon-link:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.theme-toggle{width:2.45rem;height:2.45rem;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease}.theme-toggle:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.menu-toggle{display:none;border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;color:var(--text-primary);font-weight:700;font-size:.84rem;padding:.55rem .9rem;cursor:pointer}.menu-backdrop{display:none}.hero{padding-top:4.4rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2.4rem;align-items:center}.hero-eyebrow{margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--brand);font-weight:800}.hero-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(2rem,4.8vw,3.85rem);line-height:1.04;letter-spacing:-.03em}.hero-title span{color:var(--brand)}.hero-summary{margin:1rem 0 0;max-width:58ch;color:var(--text-secondary);font-size:1.02rem}.hero-cta{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.75rem}.hero-facts{margin:1.35rem 0 0;padding:0;list-style:none;display:grid;gap:.58rem}.hero-facts li{color:var(--text-secondary);font-size:.93rem}.hero-facts strong{color:var(--text-primary);margin-right:.35rem}.hero-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:28px;padding:1.15rem;box-shadow:var(--shadow-strong)}.portrait-wrap{border-radius:22px;overflow:hidden;aspect-ratio:1 / 1;border:1px solid var(--border)}.portrait-wrap img{width:100%;height:100%;object-fit:cover}.signal-list{margin-top:1rem;display:grid;gap:.7rem}.signal-item{border:1px solid var(--border);border-radius:16px;padding:.85rem .95rem;background:var(--bg-muted)}.signal-label{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.signal-value{margin:.32rem 0 0;font-size:.9rem;color:var(--text-primary);font-weight:700}.experience-grid,.projects-grid,.skills-grid,.learning-grid{display:grid;gap:1rem}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.experience-card,.project-card,.skill-card,.learning-card,.education-card,.contact-panel,.contact-form-wrap{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-soft)}.experience-card{padding:1.2rem}.experience-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.experience-role{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.16rem}.experience-period{margin:0;font-size:.82rem;font-weight:700;color:var(--brand)}.experience-company{margin:.35rem 0 0;font-size:.9rem;color:var(--text-secondary);font-weight:700}.experience-meta{margin:.2rem 0 0;color:var(--text-secondary);font-size:.84rem}.experience-list,.project-list,.quick-notes{margin:.95rem 0 0;padding-left:1.1rem;display:grid;gap:.56rem;color:var(--text-secondary);font-size:.9rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))}.project-card{padding:1.3rem;display:grid;gap:.9rem}.project-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.project-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.22rem}.project-label{border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem;color:var(--brand);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-muted)}.project-description{margin:0;color:var(--text-secondary);font-size:.93rem}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem}.project-tag{border-radius:999px;padding:.32rem .62rem;font-size:.72rem;font-weight:700;border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-muted)}.project-link{width:fit-content}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.skill-card{padding:1.1rem}.skill-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.03rem}.skill-tags{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.45rem}.skill-tag{border:1px solid var(--border);border-radius:999px;padding:.35rem .64rem;font-size:.78rem;color:var(--text-secondary);background:var(--bg-muted);font-weight:700}.learning-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.learning-card{padding:1.15rem}.learning-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.05rem}.learning-text{margin:.65rem 0 0;color:var(--text-secondary);font-size:.9rem}.progress-track{margin-top:.95rem;width:100%;height:.5rem;border-radius:999px;overflow:hidden;background:var(--bg-muted);border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent))}.progress-meta{margin:.5rem 0 0;color:var(--brand);font-size:.8rem;font-weight:700}.education-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.education-card{padding:1.25rem}.education-title{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:1.16rem}.education-subtitle{margin:.4rem 0 0;color:var(--text-secondary);font-size:.92rem}.education-meta-list{margin:.9rem 0 0;display:grid;gap:.42rem;color:var(--text-secondary);font-size:.89rem}.badge{margin-top:.9rem;display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .68rem;font-size:.77rem;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.contact-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem}.contact-panel,.contact-form-wrap{padding:1.25rem}.contact-list{margin-top:.8rem;display:grid;gap:.62rem}.contact-link{text-decoration:none;border:1px solid var(--border);border-radius:14px;padding:.72rem .85rem;display:grid;gap:.2rem;background:var(--bg-muted);transition:border-color .18s ease,transform .18s ease}.contact-link:hover{border-color:var(--brand);transform:translateY(-2px)}.contact-label{color:var(--brand);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.contact-value{color:var(--text-primary);font-size:.91rem;font-weight:700}.contact-form{margin-top:.8rem;display:grid;gap:.9rem}.form-group{display:grid;gap:.35rem}.form-group label{font-size:.81rem;font-weight:700;color:var(--text-secondary)}.optional{font-weight:500;color:var(--text-secondary)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg-muted);color:var(--text-primary);font:inherit;padding:.7rem .84rem}.contact-form textarea{min-height:128px;resize:vertical}.form-status{border-radius:12px;padding:.66rem .78rem;font-size:.84rem;font-weight:700}.form-status.success{background:#10b98129;color:#0c8f68;border:1px solid rgba(16,185,129,.34)}.form-status.error{background:#ef444421;color:#c43030;border:1px solid rgba(239,68,68,.33)}.submit-btn{margin-top:.25rem}.submit-btn:disabled{opacity:.72;cursor:not-allowed}.footer{border-top:1px solid var(--border);padding-block:2rem;background:#ffffff2e}[data-theme=dark] .footer{background:#ffffff08}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copy{margin:0;color:var(--text-secondary);font-size:.88rem}.footer-copy strong{color:var(--text-primary)}.visitor-counter{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:999px;padding:.4rem .68rem;font-size:.78rem;color:var(--text-secondary);background:var(--bg-elevated)}.visitor-icon{font-size:.9rem}.scroll-reveal{opacity:0;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.2,.7,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateZ(0) scale(1)}.scroll-reveal.fade-up{transform:translateY(28px)}.scroll-reveal.fade-left{transform:translate(-26px)}.scroll-reveal.fade-right{transform:translate(26px)}.scroll-reveal.scale-up{transform:scale(.95)}.scroll-reveal.zoom-in{transform:scale(.88)}.scroll-reveal.fade-down{transform:translateY(-20px)}@media(max-width:980px){.hero-grid,.contact-layout{grid-template-columns:1fr}.hero{padding-top:3.5rem}.education-layout{grid-template-columns:1fr}}@media(max-width:860px){.header-inner{grid-template-columns:auto auto 1fr auto}.menu-toggle{display:inline-flex;justify-self:start}.site-nav{position:fixed;top:4.2rem;left:1rem;right:1rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow-strong);padding:.9rem;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.site-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-list{flex-direction:column;align-items:stretch;gap:.4rem}.nav-link{display:block;padding:.58rem .65rem;border-radius:10px}.nav-link:hover{background:var(--bg-muted)}.nav-link:after{display:none}.menu-backdrop{display:block;position:fixed;inset:0;background:#0006;border:0;padding:0;margin:0;z-index:10}.site-header{z-index:21}}@media(max-width:700px){.container{width:min(1120px,calc(100% - 1.5rem))}.section{padding-block:4rem}.hero-title{font-size:clamp(1.8rem,9vw,2.75rem)}.header-actions .icon-link{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}}