:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #101827;--ink-soft: #314057;--muted: #667084;--paper: #f8faf8;--surface: #ffffff;--surface-strong: #f0f5f7;--line: #dce5e8;--blue: #246bfe;--cyan: #24b7d8;--mint: #2abf88;--coral: #ff6b57;--gold: #f4b23c;--shadow: 0 18px 50px rgba(17, 24, 39, .12);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f7faf8fa,#f5f2e8eb 52%,#eaf7f4fa),var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(36,107,254,.08) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(36,107,254,.06) 0 1px,transparent 1px 100%);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0}:focus-visible{outline:3px solid rgba(36,107,254,.34);outline-offset:3px}.app-shell{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 56px}.topbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;gap:18px;min-height:68px;padding:10px;border:1px solid rgba(220,229,232,.9);border-radius:8px;background:#ffffffe0;box-shadow:0 12px 34px #11182714;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:220px}.brand img{width:44px;height:44px;border-radius:50%;border:2px solid var(--blue);background:#d8eef5;object-fit:cover}.brand span{display:grid;gap:2px}.brand strong{color:var(--ink);font-size:.95rem;line-height:1.15}.brand small{color:var(--muted);font-size:.78rem}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px;border-radius:8px;color:var(--ink-soft);background:transparent;cursor:pointer;white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:var(--ink);background:#edf4ff}.nav-download{color:#fff;background:var(--ink)}.nav-download:hover{color:#fff;background:#1d2a42}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;color:var(--ink);background:#eef5f7;cursor:pointer}.menu-toggle{display:none;margin-left:auto}.mobile-nav{position:fixed;top:94px;right:16px;left:16px;z-index:18;display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow)}main{display:grid;gap:18px;padding-top:22px}section{scroll-margin-top:102px}.intro-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.identity-panel,.profile-panel,.content-section,.contact-section{border:1px solid rgba(220,229,232,.92);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 55px #11182717}.identity-panel{position:sticky;top:104px;align-self:start;display:grid;gap:22px;padding:24px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#101827fa,#16233afa 56%,#194458f5),var(--ink)}.identity-panel:after{content:"";position:absolute;right:0;bottom:0;left:0;height:6px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--mint),var(--gold),var(--coral))}.portrait-frame{width:170px;aspect-ratio:1;padding:6px;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan),var(--mint));box-shadow:0 18px 40px #0000004d}.portrait-frame img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#d8eef5}.eyebrow,.section-kicker{margin:0;color:var(--blue);font-size:.78rem;font-weight:800;text-transform:uppercase}.identity-panel .eyebrow{color:#7dd9ff}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:10px;font-size:2.75rem;line-height:1.03;letter-spacing:0}.identity-panel h1{margin-bottom:8px;font-size:2rem;color:#fff}.role-line{margin-bottom:0;color:#ffffffbd;line-height:1.45}.quick-contact{display:grid;gap:10px}.quick-contact>a,.quick-contact>span{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;color:#ffffffd6;min-width:0}.quick-contact svg{color:#62d8f5}.quick-contact>span>span,.quick-contact>a>span{overflow-wrap:anywhere}.profile-panel{display:grid;align-content:center;gap:26px;padding:42px;min-height:483px;background:linear-gradient(135deg,#fffffff5,#f4f9f9eb),var(--surface)}.section-kicker{display:inline-flex;align-items:center;gap:8px}.lead{max-width:760px;margin-bottom:0;color:var(--ink-soft);font-size:1.24rem;line-height:1.58}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-tile{display:grid;gap:5px;min-height:78px;padding:14px;border:1px solid rgba(36,107,254,.12);border-radius:8px;background:#edf4ff}.stat-tile:nth-child(2){background:#ecf8f4}.stat-tile:nth-child(3){background:#fff5e6}.stat-tile strong{color:var(--ink)}.stat-tile span{color:var(--muted);font-size:.88rem}.action-row{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 16px;border-radius:8px;font-weight:750;cursor:pointer}.button.primary{color:#fff;background:var(--blue);box-shadow:0 12px 24px #246bfe33}.button.secondary{color:var(--ink);background:#edf4ff}.content-section,.contact-section{padding:30px}.accent-section{background:linear-gradient(135deg,#ffffffed,#ecf8f4e6),var(--surface)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:22px}.section-header>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:8px;color:#fff;background:var(--ink)}.section-header h2{margin:0;font-size:1.42rem;line-height:1.2}.section-header p{margin:2px 0 0;color:var(--muted)}.timeline{position:relative;display:grid;gap:14px}.timeline:before{content:"";position:absolute;top:16px;bottom:16px;left:10px;width:2px;background:linear-gradient(var(--blue),var(--mint),var(--gold))}.timeline-item{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px}.timeline-dot{position:relative;z-index:1;width:22px;height:22px;margin-top:3px;border:4px solid #ffffff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #246bfe40}.timeline-item:nth-child(2) .timeline-dot{background:var(--mint);box-shadow:0 0 0 2px #2abf8840}.timeline-item:nth-child(3) .timeline-dot{background:var(--gold);box-shadow:0 0 0 2px #f4b23c40}.timeline-item>div:last-child,.skill-group,.side-facts article,.project-card,.contact-card{border:1px solid var(--line);border-radius:8px;background:#ffffffd1}.timeline-item>div:last-child{padding:18px}.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.timeline-head h3{margin-bottom:4px;font-size:1.08rem}.timeline-head p{margin:0;color:var(--ink-soft)}.timeline-head span{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--blue);font-weight:800;white-space:nowrap}ul{margin:0;padding-left:19px;color:var(--ink-soft);line-height:1.55}li::marker{color:var(--cyan)}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.section-intro{max-width:860px;margin:-8px 0 22px;color:var(--ink-soft);font-size:1.05rem;line-height:1.62}.projects-section{background:linear-gradient(135deg,#fffffff0,#edf4ffeb),var(--surface)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{display:grid;gap:13px;padding:18px}.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card-head span{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:8px;color:#0d3f76;background:#edf4ff;font-size:.78rem;font-weight:850}.project-card-head a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;background:var(--ink)}.project-card h3{margin-bottom:0;font-size:1.18rem}.project-card p{margin-bottom:0;color:var(--ink-soft);line-height:1.55}.project-impact{padding:12px;border-left:4px solid var(--blue);border-radius:8px;background:#246bfe12;font-weight:650}.skill-group{padding:18px}.skill-group h3,.side-facts h3{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:1rem}.skill-group h3 svg{color:var(--blue)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid rgba(36,107,254,.13);border-radius:8px;color:var(--ink);background:#edf4ff;font-size:.9rem;line-height:1.2}.chip:nth-child(3n){background:#ecf8f4}.chip:nth-child(4n){background:#fff5e6}.chip.muted{color:var(--ink-soft);background:var(--surface-strong)}.split-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;align-items:start}.education-list{display:grid;gap:10px}.compact-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.compact-row:last-child{border-bottom:0}.compact-row svg{color:var(--mint)}.compact-row h3{margin-bottom:3px;font-size:1rem}.compact-row p{margin-bottom:0;color:var(--ink-soft)}.side-facts{display:grid;gap:14px}.side-facts article{padding:18px}.side-facts h3 svg{color:var(--coral)}.fact-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px;color:var(--ink-soft)}.fact-line:last-child{margin-bottom:0}.fact-line strong{color:var(--ink)}.contact-section{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:24px;align-items:start;color:#fff;background:linear-gradient(135deg,#101827fa,#162d43fa),var(--ink)}.contact-section .section-header{margin-bottom:14px}.contact-section .section-header>span{color:var(--ink);background:#fff}.contact-section h2,.contact-section p{color:#fff}.contact-section .section-header p,.contact-section>div>p{color:#ffffffc2}.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-card{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:80px;padding:14px;color:#fff;text-align:left;background:#ffffff1a;border-color:#ffffff29;cursor:pointer}.contact-card:hover{background:#ffffff29}.contact-card svg{color:#7dd9ff}.contact-card span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.contact-card strong{color:#fff}.contact-card span:not(:has(strong)){color:#ffffffb8}@media(max-width:900px){.app-shell{width:min(100% - 20px,760px);padding-top:10px}.desktop-nav{display:none}.menu-toggle{display:inline-grid}.brand{min-width:0}.intro-grid,.split-section,.project-grid,.contact-section{grid-template-columns:1fr}.intro-grid{min-height:auto}.identity-panel{position:relative;top:auto;grid-template-columns:122px minmax(0,1fr);align-items:center}.portrait-frame{width:122px}.quick-contact{grid-column:1 / -1}.profile-panel{min-height:auto;padding:28px}h1{font-size:2.2rem}.lead{font-size:1.08rem}}@media(max-width:680px){.topbar{top:8px;min-height:62px}.brand small{display:none}.brand strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-panel{grid-template-columns:96px minmax(0,1fr);padding:18px}.portrait-frame{width:96px}.identity-panel h1{font-size:1.55rem}.role-line{font-size:.92rem}.profile-panel,.content-section,.contact-section{padding:20px}.stat-grid,.skill-grid,.contact-actions{grid-template-columns:1fr}.timeline-head{display:grid;gap:10px}.timeline-head span{justify-self:start}.fact-line{display:grid;gap:3px}.contact-card{grid-template-columns:24px minmax(0,1fr)}.contact-card>svg:last-child{display:none}}@media(max-width:430px){.app-shell{width:min(100% - 12px,410px)}.topbar{padding:8px}.brand img{width:38px;height:38px}.brand strong{max-width:136px}.mobile-nav{right:8px;left:8px}h1{font-size:1.92rem}.identity-panel{grid-template-columns:1fr}.portrait-frame{width:112px}.button,.action-row{width:100%}.timeline-item{grid-template-columns:18px minmax(0,1fr);gap:10px}.timeline-dot{width:18px;height:18px;border-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
