:root.hydrating [data-text-id]{visibility:hidden}:root{color-scheme:dark light;--bg:#0b0d12;--bg-soft:#0e1117;--panel:#121622;--ink:#eef3ff;--ink-dim:#a7b3cc;--ink-muted:#95a3bf;--accent:#64f4ac;--accent-2:#5ac8fa;--muted:#1a2132;--card-border:1px solid rgba(255,255,255,.08);--radius:18px;--radius-sm:12px;--shadow:0 18px 46px rgba(0,0,0,.4);--focus: 0 0 0 3px rgba(90,200,250,.45);--focus-inner: 0 0 0 1px rgba(255,255,255,.85)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 110% -10%,rgba(90,200,250,.12),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(100,244,172,.1),transparent 60%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-2);text-decoration:none}a:focus-visible{outline:none;box-shadow:var(--focus),var(--focus-inner);border-radius:10px}.wrap{max-width:1120px;margin:0 auto;padding:28px}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}header{position:relative;background:linear-gradient(180deg,rgba(18,22,34,.72),rgba(18,22,34,.42));border:var(--card-border);border-radius:calc(var(--radius) + 4px);padding:28px clamp(20px,4vw,42px);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}header:before{content:"";position:absolute;inset:-2px;background:radial-gradient(800px 300px at 0% 0%,rgba(90,200,250,.18),transparent 65%),radial-gradient(700px 400px at 100% 100%,rgba(100,244,172,.16),transparent 65%);filter:blur(26px);z-index:-1}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:12px;border:2px solid rgba(255,255,255,.2)}@media (max-width: 960px){.hero{grid-template-columns:1fr}}.title{display:flex;flex-direction:column;gap:14px}.tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(90,200,250,.2),rgba(100,244,172,.2));border:var(--card-border);border-radius:999px;padding:6px 12px;width:max-content;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px)}.tag svg{width:16px;height:16px}h1{font-weight:750;font-size:clamp(30px,4.2vw,50px);line-height:1.12;letter-spacing:.2px}.subtitle{color:var(--ink-dim);max-width:62ch}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}@media (max-width: 560px){.hero-metrics{grid-template-columns:1fr 1fr}}.metric{background:var(--panel);border:var(--card-border);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow)}.metric h3{margin:0 0 2px;font-size:22px}.metric p{margin:0;color:var(--ink-dim);font-size:14px}section{margin-top:28px}.grid{display:grid;gap:28px;grid-template-columns:1.1fr .9fr}@media (max-width: 1000px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:var(--card-border);border-radius:var(--radius);padding:22px clamp(18px,2.5vw,26px);box-shadow:var(--shadow)}.card h2{margin-bottom:10px;font-size:20px}.muted{color:var(--ink-dim)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));font-size:13px;line-height:1.4}.chip:focus-within,.chip:focus-visible{outline:none;box-shadow:var(--focus)}.timeline{position:relative;padding-left:24px;margin-top:6px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(90,200,250,.55),rgba(100,244,172,.55))}.tl-item{margin:18px 0 0;position:relative}.tl-item:before{content:"";position:absolute;left:-2px;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #64f4ac2e}.tl-title{margin:0;font-weight:650}.tl-meta{margin:4px 0 8px;font-size:13px;color:var(--ink-dim)}.tl-impact{background:rgba(100,244,172,.08);border:1px dashed rgba(100,244,172,.35);border-radius:12px;padding:10px 12px;margin-top:8px;font-size:14px}.timeline{padding-left:32px}.timeline:before{left:12px}.tl-item{position:relative;margin:18px 0 0;padding-left:18px}.tl-item:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #64f4ac2e;pointer-events:none}.tl-title,.tl-meta,.tl-item p,.tl-impact{margin-left:0}@media (max-width: 560px){.timeline{padding-left:28px}.timeline:before{left:10px}.tl-item{padding-left:16px}.tl-item:before{left:0}}.arch{display:grid;gap:16px}.arch-badges{display:flex;flex-wrap:wrap;gap:10px}.arch-diagram{border-radius:16px;background:radial-gradient(600px 400px at 100% 0%,rgba(90,200,250,.12),transparent 60%),var(--bg-soft);border:1px solid rgba(255,255,255,.08);padding:12px}.arch-diagram svg{width:100%;height:auto;display:block}.legend{display:flex;gap:12px;flex-wrap:wrap;color:var(--ink-dim);font-size:13px}.legend .key{display:inline-flex;align-items:center;gap:8px}.key .box{width:14px;height:14px;border-radius:3px}.artifacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.artifact{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,rgba(90,200,250,.2),rgba(100,244,172,.2));font-size:13px;line-height:1;color:var(--ink);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.artifact svg{width:16px;height:16px}.artifact:hover{transform:translateY(-1px)}.artifact:active{transform:translateY(1px)}.artifact:focus-visible{outline:none;box-shadow:0 0 0 3px #5ac8fa73}.skills{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.skills{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.skills{grid-template-columns:1fr}}.skill-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:var(--card-border);border-radius:14px;padding:16px}.skill-card h3{margin:0 0 8px;font-size:16px}.bar{height:8px;border-radius:99px;background:#121822;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-top:8px}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.kv{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-dim);margin-top:6px}.hobbies{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.hobbies{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.hobbies{grid-template-columns:1fr}}.hob{background:var(--panel);border:var(--card-border);border-radius:14px;padding:16px;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.hob svg{width:28px;height:28px}footer{margin:32px 0 18px;text-align:center;color:var(--ink-dim);font-size:14px}.btn{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,rgba(90,200,250,.22),rgba(100,244,172,.22));transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#111}header,.card,.hob,.metric{box-shadow:none;border:1px solid #ddd}.wrap{max-width:900px;padding:0}a{color:#0645ad;text-decoration:underline}.grid,.hobbies,.skills{grid-template-columns:1fr!important}.arch-diagram{background:#fff;border:1px solid #ddd}}