:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle at 0 0,#2563eb33,#0000 34rem),linear-gradient(135deg,#edf4ff 0%,#f7fbff 55%,#eaf7f4 100%);grid-template-columns:320px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border-right:1px solid #0f172a14;height:100vh;padding:1.4rem;position:sticky;top:0;overflow-y:auto}.brand-card{text-align:center;background:linear-gradient(145deg,#fff,#eaf2ff);border-radius:1.6rem;margin-bottom:1.4rem;padding:1.4rem;box-shadow:0 22px 60px #1d4ed81f}.logo-wrap{background:#f8fbff;border-radius:2rem;place-items:center;width:110px;height:110px;margin:0 auto 1rem;display:grid;overflow:hidden}.logo-wrap img{object-fit:contain;width:100%;height:100%}.brand-card h1{letter-spacing:-.04em;margin:0;font-size:1.65rem}.brand-card p{color:#64748b;margin:.3rem 0 0}.nav-group{margin:1.1rem 0}.nav-group h2{color:#64748b;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .65rem .4rem;font-size:.72rem}.nav-buttons{gap:.45rem;display:grid}.nav-buttons button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:1rem;align-items:center;gap:.7rem;width:100%;padding:.75rem .85rem;transition:all .18s;display:flex}.nav-buttons button:hover{background:#2563eb14;transform:translate(2px)}.nav-buttons button.active{color:#fff;background:#1d4ed8;box-shadow:0 12px 30px #1d4ed83d}.nav-buttons svg{width:18px;height:18px}.content{align-content:start;gap:1.3rem;padding:clamp(1.2rem,4vw,3.5rem);display:grid}.hero{color:#fff;background:linear-gradient(135deg,#0f172af5,#1e40afe0);border-radius:2rem;grid-template-columns:1fr auto;align-items:center;gap:2rem;min-height:300px;padding:clamp(1.5rem,5vw,4rem);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a38}.hero:after{content:"</>";opacity:.08;font-size:13rem;font-weight:800;position:absolute;bottom:-3rem;right:-1.5rem}.eyebrow{color:#bae6fd;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .8rem;font-size:.8rem;font-weight:700}.hero h2{letter-spacing:-.07em;margin:0;font-size:clamp(2.2rem,6vw,5rem);line-height:.95}.summary{color:#dbeafe;max-width:820px;margin:1.2rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.75}.skill-ring{--score:0deg;aspect-ratio:1;background:conic-gradient(#38bdf8 var(--score), #ffffff2e 0);z-index:1;border-radius:999px;flex:none;place-items:center;width:170px;display:grid}.skill-ring>div{aspect-ratio:1;border-radius:inherit;text-align:center;background:#0f172a;place-items:center;width:122px;padding:1rem;display:grid}.skill-ring strong{font-size:2rem;display:block}.skill-ring span{color:#bfdbfe;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.photo-card,.panel{background:#ffffffd1;border:1px solid #0f172a14;border-radius:1.6rem;box-shadow:0 18px 50px #0f172a14}.photo-card{grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:1.2rem;margin:0;padding:1rem;display:grid}.photo-card img{object-fit:cover;border-radius:1.2rem;width:100%}.photo-card figcaption{color:#475569;font-weight:600;line-height:1.6}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1.3rem;display:grid}.panel{padding:1.4rem}.panel h3{letter-spacing:-.02em;margin:0 0 .9rem;font-size:1.15rem}.panel p{color:#475569;margin:0 0 .85rem;line-height:1.75}.panel p:last-child{margin-bottom:0}.skill-list{gap:1rem;display:grid}.mini-skill{gap:.4rem;display:grid}.mini-skill span{color:#334155;font-weight:650}.mini-skill strong{color:#1d4ed8}.bar{background:#dbeafe;border-radius:99px;height:9px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,#1d4ed8,#38bdf8);height:100%;display:block}.cards-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;display:grid}.list-card ul{gap:.65rem;margin:0;padding:0;display:grid}.list-card li{color:#334155;background:#f1f5f9;border-radius:.95rem;padding:.72rem .85rem;font-weight:600;list-style:none}.timeline-items{flex-wrap:wrap;gap:.6rem;display:flex}.timeline-items span{color:#1d4ed8;background:#eff6ff;border-radius:99px;padding:.65rem .85rem;font-weight:700}@media (width<=940px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.hero,.detail-grid,.photo-card,.cards-row{grid-template-columns:1fr}.skill-ring{width:140px}}@media (width<=520px){.content,.sidebar{padding:.9rem}.hero{padding:1.4rem}.hero h2{font-size:2.2rem}}