:root{--ink: #12345a;--ink-2: #1d4b7a;--bg: #eef3f9;--paper: #ffffff;--paper-soft: #f5f8fc;--line: #cfdaea;--muted: #55708e;--accent: #17b2ea;--accent-2: #3f8cff;--max-width: 1140px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0}body{line-height:1.5;background:radial-gradient(circle at 10% -10%,#d7e9ff 0%,var(--bg) 38%)}a{color:inherit}h1,h2,h3,h4,h5,p{margin:0}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.hero-banner{padding:2.8rem 0 6.4rem;color:#fff;background:linear-gradient(150deg,#0e3861f2,#165087f2),linear-gradient(45deg,#1f5f9d,#29a8df)}.hero-kicker{font-weight:600;font-size:.88rem;letter-spacing:.09em;text-transform:uppercase;opacity:.86}.hero-banner h1{margin-top:.4rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.12}.hero-subtitle{margin-top:.55rem;font-weight:500;font-size:clamp(1rem,2.6vw,1.35rem)}.resume-frame{margin-top:-3.8rem;padding-bottom:2.3rem}.resume-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:1.1rem}.profile-rail,.section-card{border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 16px 34px #17325417}.profile-rail{padding:1.1rem;align-self:start;position:sticky;top:1rem}.avatar-wrap{display:flex;justify-content:center}.avatar-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;border:5px solid #fff;background:linear-gradient(145deg,#1a6eb1,#1bc0ee);box-shadow:0 8px 20px #23528342}.avatar-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rail-name{margin-top:.85rem;text-align:center;font-size:1.28rem}.rail-role,.rail-location{text-align:center;color:var(--muted)}.rail-role{font-size:.95rem}.rail-location{margin-top:.25rem;font-size:.86rem}.rail-block{margin-top:1rem;padding-top:.95rem;border-top:1px solid var(--line)}.rail-block h3{margin-bottom:.62rem;color:var(--ink-2);font-size:.92rem;letter-spacing:.03em;text-transform:uppercase}.rail-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.rail-list li{display:grid;gap:.07rem}.rail-list span{font-size:.76rem;color:var(--muted);letter-spacing:.02em}.rail-list a,.rail-list strong{font-size:.87rem;font-weight:600}.compact strong{font-weight:500}.skill-bars{display:grid;gap:.52rem}.skill-row p{margin-bottom:.24rem;font-size:.84rem}.bar-track{height:8px;border-radius:999px;background:#dfebf8;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.main-column{display:grid;gap:1rem}.section-card{padding:1rem 1.1rem}.section-card h2{margin-bottom:.65rem;font-size:1.28rem;color:var(--ink-2)}.lead{margin-bottom:.55rem;color:#244f7a;font-weight:600}.kpi-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{padding:.8rem;border-radius:14px;border:1px solid var(--line);background:linear-gradient(160deg,#f4f8fe,#fff)}.kpi-value{color:var(--ink-2);font-size:clamp(1.35rem,3vw,1.95rem);font-weight:800}.meter-grid{margin-top:1rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.meter-card{display:grid;justify-items:center;gap:.42rem}.meter-card p{text-align:center;font-size:.84rem}.meter-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent-2) calc(var(--pct) * 1%),#deebf8 0);position:relative}.meter-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.meter-ring span{position:relative;z-index:1;font-weight:700;color:var(--ink-2);font-size:.86rem}.pillars-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.tech-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-card{padding:.8rem;border-radius:14px;border:1px solid var(--line);background:var(--paper-soft)}.pillar-card h3{margin-bottom:.25rem;color:var(--ink-2)}.profile-grid{display:grid;gap:.75rem;grid-template-columns:1fr}.profile-card{padding:.8rem 1rem;border-radius:14px;border:1px solid var(--line);background:var(--paper-soft)}.profile-card h3{margin-bottom:.25rem;color:var(--ink-2);text-align:center}.section-note{margin-bottom:.68rem;color:var(--muted);font-size:.89rem}.stack{display:grid;gap:.7rem}.item{border:1px solid var(--line);border-radius:14px;padding:.8rem;background:var(--paper-soft)}.role-card{width:100%;text-align:left;cursor:pointer;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.role-card:hover{transform:translateY(-2px);border-color:#8fb3d8;box-shadow:0 12px 25px #1a426c1a}.role-card:focus-visible{outline:3px solid #81beeb;outline-offset:2px}.years,.company,.meta{color:var(--muted)}.footer-strip{padding:1rem 0 2rem}.footer-strip p{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;color:var(--muted)}.role-modal{width:min(960px,calc(100% - 1.3rem));max-height:88vh;border:1px solid var(--line);border-radius:18px;padding:0;background:transparent}.role-modal::backdrop{background:#0e29468f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.role-modal-panel{margin:0;padding:1.2rem;max-height:88vh;overflow-y:auto;color:var(--ink);background:var(--paper)}.role-modal-header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.8rem}.modal-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.45rem;max-width:260px}.copy-btn,.close-btn{border:1px solid var(--line);background:#f0f6fd;color:var(--ink);border-radius:999px;padding:.45rem .84rem;cursor:pointer}.copy-btn:hover,.close-btn:hover{border-color:#7eb3e2}.copy-status{width:100%;min-height:1.2em;color:var(--muted);font-size:.82rem}.role-modal h4,.project-card h5{margin:0 0 .52rem}.role-modal section+section{margin-top:1rem}.detail-list{margin:0;padding-left:1.1rem}.detail-list li+li{margin-top:.28rem}.impact-grid{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.impact-card,.project-card{border:1px solid var(--line);border-radius:12px;padding:.72rem;background:var(--paper-soft)}.impact-value{color:var(--ink-2);font-weight:800;font-size:1.18rem}.impact-label{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.18rem .55rem;font-size:.82rem}.projects{display:grid;gap:.68rem}.project-card p{margin-bottom:.35rem;color:var(--muted)}@media(max-width:1120px){.resume-layout{grid-template-columns:280px minmax(0,1fr)}.kpi-grid,.meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pillars-grid,.tech-grid,.profile-grid{grid-template-columns:1fr}}@media(max-width:820px){.resume-layout{grid-template-columns:1fr}.profile-rail{position:static}.impact-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.kpi-grid,.meter-grid,.impact-grid{grid-template-columns:1fr}.role-modal{width:calc(100% - .7rem)}.role-modal-header{flex-direction:column}.modal-actions{max-width:100%}}