:root{--bg: #0b1020;--card: rgba(255, 255, 255, .06);--cardBorder: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--muted2: rgba(255, 255, 255, .55);--shadow: 0 18px 45px rgba(0, 0, 0, .35);--radius: 18px;--radiusSm: 14px;--max: 1100px;--brandA: #7c3aed;--brandB: #22d3ee;--brandC: #a3e635}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,rgba(124,58,237,.35),transparent 55%),radial-gradient(900px 600px at 80% 20%,rgba(34,211,238,.28),transparent 55%),radial-gradient(900px 600px at 60% 95%,rgba(163,230,53,.15),transparent 50%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5}a{color:inherit;text-decoration:none}.page{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b10208c;border-bottom:1px solid rgba(255,255,255,.08)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.brand{display:flex;gap:10px;align-items:center;-webkit-user-select:none;user-select:none}.brandDot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--brandA),var(--brandB));box-shadow:0 0 0 6px #7c3aed26}.brandText{font-weight:700;letter-spacing:.2px}.nav{display:flex;gap:12px}.navLink{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:10px;transition:background .15s ease,color .15s ease}.navLink:hover{background:#ffffff0f;color:var(--text)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:22px 18px 36px;flex:1}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin-top:10px;margin-bottom:18px}.heroLeft{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:18px;background:var(--card);border:1px solid var(--cardBorder);border-radius:var(--radius);box-shadow:var(--shadow)}.avatar{width:110px;height:110px;display:block;border-radius:999px;object-fit:cover;background:radial-gradient(50px 50px at 30% 30%,rgba(255,255,255,.55),transparent 60%),linear-gradient(135deg,#7c3aedf2,#22d3eed9);border:1px solid rgba(255,255,255,.22)}.titleBlock{display:flex;flex-direction:column;justify-content:center}.name{font-size:34px;line-height:1.15;margin:0;letter-spacing:.3px}.title{margin:8px 0 0;color:var(--muted);font-size:15px}.subtitle{margin:10px 0 0;color:var(--muted2);font-size:14px;max-width:58ch}.ctaRow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.btnPrimary,.btnGhost{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:.2px;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btnPrimary{background:linear-gradient(135deg,var(--brandA),var(--brandB));border:1px solid rgba(255,255,255,.18)}.btnGhost{background:#ffffff0a;border:1px solid rgba(255,255,255,.14);color:var(--text)}.btnPrimary:hover,.btnGhost:hover{transform:translateY(-1px)}.heroRight{display:grid;grid-template-columns:1fr;gap:10px}.statCard{padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius)}.statValue{font-size:24px;font-weight:800;letter-spacing:.2px}.statLabel{margin-top:2px;color:var(--muted2);font-size:13px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 6;padding:16px;background:var(--card);border:1px solid var(--cardBorder);border-radius:var(--radius);box-shadow:0 10px 28px #00000038}.cardWide{grid-column:span 12}.cardTitle{margin:0;font-size:16px;letter-spacing:.2px}.cardText{margin:10px 0 0;color:var(--muted);font-size:14px}.pillRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:var(--muted)}.skillList{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skillItem{padding:10px 12px;border-radius:var(--radiusSm);border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:var(--muted);font-size:13px}.timeline{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.timelineItem{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start}.timelineDot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:linear-gradient(135deg,var(--brandB),var(--brandC));box-shadow:0 0 0 6px #22d3ee1f}.timelineTitle{font-weight:700;font-size:14px}.timelineText{margin-top:4px;color:var(--muted);font-size:13px}.linkGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.linkCard{padding:12px;border-radius:var(--radiusSm);border:1px solid rgba(255,255,255,.14);background:#ffffff08;transition:transform .12s ease,background .15s ease,border-color .15s ease;min-width:0}.linkCard:hover{transform:translateY(-1px);background:#ffffff0d;border-color:#ffffff38}.linkLabel{font-weight:700;font-size:13px}.linkHref{margin-top:6px;color:var(--muted2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{padding:22px 18px 26px;display:flex;justify-content:center;gap:10px;color:#ffffff8c;font-size:12px;border-top:1px solid rgba(255,255,255,.08);background:#0b102059}.footerSep{opacity:.6}@media (max-width: 1024px){.hero{grid-template-columns:1fr}.heroRight{grid-template-columns:repeat(3,minmax(0,1fr))}.card{grid-column:span 12}.linkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.heroLeft{grid-template-columns:1fr}.avatar{width:86px;height:86px}.name{font-size:28px}.heroRight,.linkGrid{grid-template-columns:1fr}}