:root{color-scheme:light;--bg: #f6f2ea;--surface: #fffcf5;--surface-2: #ffffff;--text: #151b18;--muted: #657069;--line: rgba(21, 27, 24, .12);--accent: #0f766e;--accent-2: #d94f2b;--accent-3: #255fb4;--gold: #b98718;--shadow: 0 26px 70px rgba(28, 40, 34, .12);--radius: 8px}[data-theme=dark]{color-scheme:dark;--bg: #0f1513;--surface: #151d1a;--surface-2: #1b2722;--text: #f7f1e7;--muted: #bac7bf;--line: rgba(247, 241, 231, .14);--accent: #5ee0c8;--accent-2: #ff9a72;--accent-3: #92baff;--gold: #f1c15e;--shadow: 0 26px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34rem),linear-gradient(180deg,var(--bg),var(--surface));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 75%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 5vw;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links,.header-actions,.hero-actions,.contact-links,.site-footer div{display:flex;align-items:center}.brand{gap:.75rem;font-weight:900}.brand span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.nav-links{gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 76%,transparent)}.nav-links a{padding:.55rem .78rem;border-radius:999px;color:var(--muted);font-size:.9rem;font-weight:800}.nav-links a:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.header-actions{gap:.55rem}.icon-button{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface-2);cursor:pointer;box-shadow:0 10px 26px #0000000f}.mobile-menu{display:none}.section-shell{width:min(1140px,calc(100% - 2rem));margin:0 auto;padding:5.6rem 0}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:3rem;align-items:center;min-height:calc(100vh - 76px);padding-top:3rem}.eyebrow{margin:0 0 .8rem;color:var(--accent-2);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.25rem;font-size:clamp(2.8rem,6.3vw,6.2rem);line-height:.96}h2{margin-bottom:.9rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}h3{margin-bottom:.55rem;font-size:1.15rem;line-height:1.25}p{color:var(--muted);line-height:1.7}.hero-content p:not(.eyebrow),.section-header p{max-width:760px;font-size:1.06rem}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.82rem 1.05rem;border:1px solid var(--line);border-radius:var(--radius);font-weight:900;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-3) 55%,var(--accent)));box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 25%,transparent)}.btn-ghost{color:var(--accent);background:var(--surface-2)}.hero-visual{position:relative;min-height:560px}.profile-card,.store-preview,.metric,.info-card,.skill-card,.project-card,.showcase-card,.toolkit-card,.education-card,.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-2) 88%,transparent);box-shadow:var(--shadow)}.profile-card{position:absolute;top:0;right:0;width:min(360px,88%);padding:1.35rem}.profile-topline{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--accent);font-size:.84rem;font-weight:900}.status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px #22c55e24}.portrait{position:relative;display:grid;place-items:center;width:210px;height:210px;margin:0 auto 1.25rem;border:1px solid var(--line);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent),linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--accent-2) 14%,var(--surface-2)))}.portrait span{color:var(--accent);font-size:4rem;font-weight:900}.portrait svg{position:absolute;right:1.2rem;bottom:1.6rem;color:var(--gold)}.profile-card h2{font-size:1.9rem}.store-preview{position:absolute;left:0;bottom:0;width:min(430px,92%);padding:1rem;transform:rotate(-2deg)}.preview-bar{display:flex;gap:.35rem;margin-bottom:1rem}.preview-bar span{width:10px;height:10px;border-radius:50%;background:var(--accent-2)}.preview-bar span:nth-child(2){background:var(--gold)}.preview-bar span:nth-child(3){background:var(--accent)}.preview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.8rem}.preview-product{min-height:105px;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-3) 26%,transparent),transparent),repeating-linear-gradient(45deg,color-mix(in srgb,var(--accent) 18%,transparent) 0 8px,transparent 8px 16px),var(--surface)}.preview-product.large{grid-row:span 2;min-height:220px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent-2) 26%,transparent),transparent 58%),linear-gradient(45deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent),var(--surface)}.preview-lines{display:grid;gap:.55rem;margin-top:1rem}.preview-lines span{height:10px;border-radius:999px;background:color-mix(in srgb,var(--text) 12%,transparent)}.preview-lines span:last-child{width:66%}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:0}.metric{padding:1.2rem}.metric strong{display:block;color:var(--accent);font-size:2.3rem;line-height:1}.metric span{color:var(--muted);font-weight:800}.section-header{max-width:820px;margin-bottom:2.1rem}.about-grid,.skills-grid,.project-grid,.showcase-grid,.toolkit-showcase,.education-grid{display:grid;gap:1rem}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolkit-showcase{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.education-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.skill-card,.project-card,.showcase-card,.toolkit-card,.education-card{padding:1.2rem}.info-card svg,.education-card svg{color:var(--accent);margin-bottom:1rem}.card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1rem;border-radius:var(--radius);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.chip-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.chip-list span{padding:.42rem .58rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface) 74%,transparent);font-size:.82rem;font-weight:800}.project-card{position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.project-number{color:color-mix(in srgb,var(--accent) 26%,transparent);font-size:3rem;font-weight:900;line-height:1}.project-category{color:var(--accent-2);font-size:.78rem;font-weight:900;text-transform:uppercase}.impact{display:flex;gap:.55rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--text);font-weight:800}.impact svg{flex:0 0 auto;color:var(--accent);margin-top:.2rem}.showcase-tabs-wrap{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-2) 82%,transparent);box-shadow:var(--shadow)}.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem;padding:.35rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 82%,transparent)}.showcase-tab{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:56px;border:1px solid transparent;border-radius:var(--radius);padding:.75rem .85rem;color:var(--muted);background:transparent;font-weight:900;text-align:left;cursor:pointer}.showcase-tab span{overflow-wrap:anywhere}.showcase-tab strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:.82rem}.showcase-tab.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:var(--surface-2);box-shadow:0 14px 34px #00000014}.showcase-tab.is-active strong{color:#fff;background:var(--accent)}.showcase-panel{min-height:430px;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 44%),color-mix(in srgb,var(--surface-2) 88%,transparent)}.showcase-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;margin-bottom:1rem}.showcase-panel-head h3{font-size:clamp(1.45rem,3vw,2.15rem)}.showcase-panel-head p:last-child{max-width:760px}.showcase-panel-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;color:var(--accent);background:var(--surface-2)}.showcase-count{margin-bottom:.25rem;color:var(--accent-2);font-size:.78rem;font-weight:900;text-transform:uppercase}.showcase-links{display:grid;gap:.45rem;margin-top:1rem;padding-right:.2rem}.showcase-links-tabbed{grid-template-columns:repeat(2,minmax(0,1fr));max-height:460px;overflow:auto;padding-right:.35rem}.showcase-links a{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:38px;padding:.55rem .65rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.showcase-links a:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.showcase-links a svg{flex:0 0 auto}.toolkit-card{padding:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-3) 10%,transparent),transparent),color-mix(in srgb,var(--surface-2) 88%,transparent)}.timeline{display:grid;gap:1rem}.timeline-item{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface-2) 74%,transparent)}.timeline-marker{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}time,.education-card span{color:var(--accent-2);font-size:.84rem;font-weight:900}.company{margin-bottom:.45rem;color:var(--text);font-weight:900}.achievement-card{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface-2)),var(--surface-2))}.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);gap:2rem;align-items:start}.contact-copy{position:sticky;top:110px}.contact-links{flex-wrap:wrap;gap:.65rem;margin-top:1.4rem}.contact-links a{display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .78rem;border:1px solid var(--line);border-radius:var(--radius);color:var(--accent);background:var(--surface-2);font-weight:900}.contact-form{display:grid;gap:1rem;padding:1.2rem}label{display:grid;gap:.4rem;color:var(--muted);font-size:.88rem;font-weight:900}input,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;color:var(--text);background:var(--surface)}textarea{resize:vertical}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 5vw;border-top:1px solid var(--line)}.site-footer p{margin:0}.site-footer div{gap:.9rem}.site-footer a{color:var(--accent);font-weight:900}.reveal{opacity:0;transform:translateY(20px);transition:opacity .62s ease,transform .62s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1020px){.nav-links{position:fixed;inset:76px 1rem auto 1rem;display:none;flex-direction:column;align-items:stretch;padding:.8rem;border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.mobile-menu{display:grid}.hero,.contact{grid-template-columns:1fr}.hero-visual{min-height:520px}.metrics-strip,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.project-grid,.toolkit-showcase,.education-grid,.showcase-tabs,.showcase-links-tabbed{grid-template-columns:1fr}.showcase-panel{min-height:auto}.showcase-panel-head{align-items:stretch}.contact-copy{position:static}}@media (max-width: 640px){.site-header{padding:0 1rem}.brand strong{display:none}.section-shell{padding:4.2rem 0}.hero,.hero-visual{min-height:auto}.profile-card,.store-preview{position:relative;width:100%;transform:none}.store-preview{margin-top:1rem}.metrics-strip,.skills-grid{grid-template-columns:1fr}.showcase-tabs-wrap,.showcase-panel{padding:.8rem}.showcase-panel-head{flex-direction:column}.timeline-item{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:flex-start}}