:root{--page:#f5f7f6;--surface:#fff;--ink:#111827;--text:#44505c;--muted:#6b7280;--line:#dbe3df;--accent:#0f766e;--accent-2:#b45309;--accent-3:#2563eb;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--page);font:16px/1.5 var(--sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit}img,svg{display:block}#root{min-height:100svh}.page-shell{box-sizing:border-box;width:100%;max-width:1212px;margin:0 auto;padding:28px 16px 56px}.hero{box-sizing:border-box;color:#f8fafc;background:#102a2a;border:1px solid #0f172a47;border-radius:8px;grid-template-columns:minmax(0,1fr) 292px;align-items:stretch;gap:28px;min-width:0;max-width:100%;padding:34px;display:grid;overflow:hidden}.hero-copy{align-self:center;min-width:0;max-width:100%}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700;line-height:1.3}.hero .eyebrow{color:#99f6e4}.hero h1{color:#fff;letter-spacing:0;max-width:760px;margin:0;font-size:46px;line-height:1.05}.role{color:#fde68a;max-width:760px;margin:14px 0 0;font-size:20px;font-weight:700;line-height:1.35}.summary{color:#f8fafce0;overflow-wrap:anywhere;max-width:760px;margin:18px 0 0;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;max-width:100%;margin-top:26px;display:flex}.contact-link{box-sizing:border-box;color:#ecfeff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:0 14px;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.contact-link:hover{background:#fff3;transform:translateY(-1px)}.profile-panel{box-sizing:border-box;background:#0f172a80;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;max-width:100%;padding:18px;display:flex}.avatar{object-fit:cover;border:3px solid #ffffffd1;border-radius:8px;width:126px;height:126px}.identity{gap:7px;display:grid}.identity strong{color:#fff;font-size:19px}.identity span,.contact-list span,.period,.text-link,.repo-stats span{align-items:center;gap:7px;display:inline-flex}.identity span,.contact-list span{color:#f8fafcd6}.contact-list{overflow-wrap:anywhere;gap:9px;font-size:14px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 26px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:92px;padding:18px}.metric strong{color:var(--ink);font-size:29px;line-height:1;display:block}.metric span{color:var(--muted);margin-top:10px;line-height:1.35;display:block}.layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:24px;display:grid}.sidebar,.content{gap:24px;min-width:0;display:grid}.section{min-width:0}.section-heading{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-icon{color:#fff;background:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.section h2{color:var(--ink);margin:0;font-size:25px;line-height:1.15}.section h3{color:var(--ink);margin:0;font-size:17px;line-height:1.35}.skill-groups{gap:18px;display:grid}.skill-group{gap:10px;display:grid}.chips,.project-tags{flex-wrap:wrap;gap:8px;display:flex}.chip,.project-tags span{min-height:28px;color:var(--ink);background:#eef6f3;border:1px solid #d5e7e0;border-radius:8px;align-items:center;padding:0 10px;font-size:13px;line-height:1.2;display:inline-flex}.plain-list,.activity-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plain-list li,.activity-list li{color:var(--text);padding-left:18px;line-height:1.55;position:relative}.plain-list li:before,.activity-list li:before{content:"";background:var(--accent-2);border-radius:999px;width:6px;height:6px;position:absolute;top:.62em;left:0}.compact-block{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.compact-block p{color:var(--text);margin:7px 0 10px}.compact-block span{color:var(--accent-2);font-weight:700}.focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.focus-item{min-height:74px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:11px;padding:16px;display:flex}.focus-item svg{color:var(--accent);flex:none;margin-top:2px}.timeline{gap:14px;display:grid}.timeline-item,.achievement,.project-card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.timeline-item{gap:13px;padding:18px;display:grid}.timeline-top,.project-top{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.timeline-top p,.project-top p{color:var(--muted);margin:5px 0 0}.period{color:var(--accent-2);flex:none;font-size:14px;font-weight:700}.text-link{width:fit-content;color:var(--accent);overflow-wrap:anywhere;text-decoration:none}.text-link:hover,.icon-link:hover{color:var(--accent-3)}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.achievement{gap:12px;min-height:84px;padding:16px;display:flex}.achievement svg{color:var(--accent-2);flex:none}.achievement p{color:var(--text);margin:0;line-height:1.5}.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.project-card{gap:14px;padding:18px;display:grid}.icon-link{width:34px;height:34px;color:var(--accent);background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.project-description{color:var(--text);margin:0;line-height:1.55}.repo-stats{color:var(--muted);gap:14px;font-weight:700;display:flex}.project-tags span{background:#f8fafc;border-color:#e2e8f0}.activity-list{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}@media (width<=980px){.hero,.layout{grid-template-columns:1fr}.profile-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.contact-list{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.page-shell{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:10px 0 56px}.hero{padding:22px;display:block}.hero h1{font-size:34px}.role{font-size:18px}.summary{font-size:16px}.hero-actions{grid-template-columns:minmax(0,1fr);display:grid}.contact-link{justify-content:center;width:100%}.profile-panel,.focus-grid,.achievement-grid,.projects{grid-template-columns:1fr}.profile-panel{margin-top:22px}.metrics{grid-template-columns:1fr}.timeline-top,.project-top{flex-direction:column}.period{flex:auto}}