.card h3 svg,.card h4 svg{color:var(--primary-700);margin-right:10px;vertical-align:middle}:root{--primary-500:#2563eb;--primary-700:#1d4ed8;--accent:#06b6d4;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-500:#64748b;--slate-700:#334155;--slate-900:#0f172a;--white:#fff;--success:#10b981;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 20px 45px #0f172a24;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f8fafc,#eef2ff);color:#0f172a;color:var(--slate-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh}.container{margin:0 auto;width:min(1180px,calc(100% - 40px))}.section{padding:88px 0}.section-title{color:#0f172a;color:var(--slate-900);font-size:2.2rem;margin:0 0 14px}.section-subtitle{color:#64748b;color:var(--slate-500);line-height:1.7;margin-bottom:36px;max-width:760px}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafcd1;border-bottom:1px solid #cbd5e199;position:sticky;top:0;z-index:30}.header-inner{align-items:center;display:flex;gap:20px;justify-content:space-between;min-height:76px}.brand{color:#0f172a;color:var(--slate-900);font-weight:800;letter-spacing:.04em}.nav-links{color:#334155;color:var(--slate-700);display:flex;gap:22px}.btn,.nav-links{align-items:center}.btn{border:none;border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#2563eb,#06b6d4);background:linear-gradient(135deg,var(--primary-500),var(--accent));box-shadow:0 10px 30px #0f172a14;box-shadow:var(--shadow-md);color:#fff;color:var(--white)}.btn-secondary{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);color:#0f172a;color:var(--slate-900)}.hero{overflow:hidden;padding:90px 0 70px;position:relative}.hero:before{background:radial-gradient(circle at top right,#2563eb2e,#0000 28%),radial-gradient(circle at left center,#06b6d424,#0000 24%);content:"";inset:0;pointer-events:none;position:absolute}.hero-grid{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1.15fr .85fr}.eyebrow{align-items:center;background:#2563eb14;border-radius:999px;color:#1d4ed8;color:var(--primary-700);display:inline-flex;font-weight:700;gap:8px;margin-bottom:18px;padding:8px 14px}.hero h1{font-size:clamp(2.8rem,6vw,4.8rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 16px}.hero p{color:#334155;color:var(--slate-700);font-size:1.08rem;line-height:1.8;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.stat-tile{background:#ffffffc7;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);padding:18px}.stat-value{color:#0f172a;color:var(--slate-900);font-size:1.5rem;font-weight:800}.stat-label{color:#64748b;color:var(--slate-500);font-size:.95rem;margin-top:6px}.profile-card{background:linear-gradient(160deg,#0f172a,#1e293b);border-radius:28px;box-shadow:0 20px 45px #0f172a24;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);overflow:hidden;padding:34px;position:relative}.profile-card:after{background:radial-gradient(circle,#06b6d452,#0000 70%);content:"";height:240px;position:absolute;right:-90px;top:-70px;width:240px}.profile-avatar{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:24px;display:grid;font-size:2rem;font-weight:800;height:88px;margin-bottom:22px;place-items:center;width:88px}.profile-card h3{font-size:1.6rem;margin:0 0 8px}.profile-card p{color:#ffffffc7;margin:0 0 24px}.contact-list{grid-gap:14px;display:grid;gap:14px}.contact-item{align-items:flex-start;border-top:1px solid #ffffff14;display:flex;gap:12px;padding:14px 0}.grid-3{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.card{background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:22px;box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);padding:24px}.card h3,.card h4{margin-top:0}.competency-list,.highlight-list{grid-gap:12px;display:grid;gap:12px}.list-item{align-items:flex-start;color:#334155;color:var(--slate-700);display:flex;gap:12px;line-height:1.7}.list-icon{background:#2563eb1a;border-radius:12px;color:#1d4ed8;color:var(--primary-700);display:grid;flex:0 0 34px;height:34px;place-items:center;width:34px}.experience-card{padding:28px}.experience-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.experience-role{font-size:1.45rem;font-weight:800}.experience-company{color:#1d4ed8;color:var(--primary-700);font-weight:700;margin-top:6px}.experience-meta{color:#64748b;color:var(--slate-500);font-weight:600}.dashboard-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.dashboard-stat{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:20px;box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);padding:22px}.dashboard-stat-value{font-size:1.6rem;font-weight:800;margin-bottom:8px}.dashboard-stat-label{color:#64748b;color:var(--slate-500)}.charts-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1.3fr 1fr}.chart-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:22px;box-shadow:0 1px 2px #0f172a0f;box-shadow:var(--shadow-sm);padding:22px}.chart-card h3{margin:0 0 18px}.footer{color:#64748b;color:var(--slate-500);padding:32px 0 48px}.footer-inner{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--slate-200);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:24px}.loading-screen{color:#334155;color:var(--slate-700);display:grid;min-height:100vh;place-items:center}@media (max-width:1080px){.charts-grid,.grid-3,.hero-grid{grid-template-columns:1fr}.dashboard-grid,.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.nav-links{display:none}.hero{padding-top:60px}.dashboard-grid,.stats-row{grid-template-columns:1fr}.section{padding:70px 0}.hero h1{font-size:2.6rem}}