body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fc;color:#0f172a}.App{min-height:100vh;display:flex;flex-direction:column}.content{width:min(100%,1080px);margin:0 auto;padding:1.5rem 1rem 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#020617;color:#f8fafc;flex-wrap:wrap}.topbar__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.profile-pic{width:3rem;height:3rem;object-fit:cover;border-radius:50%}.topbar__nav{display:flex;gap:1rem;align-items:center}.topbar__toggle{display:none;background:transparent;border:1px solid rgba(248,250,252,.35);color:inherit;padding:.6rem .85rem;border-radius:.75rem;cursor:pointer}.hero{padding:2rem;border-radius:1.5rem;background:linear-gradient(135deg,#111827,#1e293b);color:#f8fafc;margin-bottom:1.5rem}.hero__content h1{font-size:clamp(2.2rem,3.5vw,3.5rem);margin:0}.hero__content p{max-width:54rem;line-height:1.8;margin-top:1rem;color:#cbd5e1}.tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.tab-button{border:1px solid #cbd5e1;background:#fff;color:#0f172a;padding:.75rem 1.2rem;border-radius:999px;cursor:pointer;transition:all .2s ease}.tab-button.active,.tab-button:hover{background:#0f172a;color:#fff;border-color:#0f172a}.section{background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 24px 60px #0f172a14}.section__grid{display:grid;gap:1rem}.card{border-radius:1.25rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0}.card--full{grid-column:1 / -1}.card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.card__header a,.card__header h2{color:#0f172a;font-weight:700;text-decoration:none}.card__body p,.experience-role p,.certificate p{line-height:1.75;color:#334155;margin:.75rem 0 0}.meta{color:#64748b;font-size:.95rem}.location{font-weight:600;color:#0f172a}.certificateLink{color:#2563eb;text-decoration:none}.certificateLink:hover{text-decoration:underline}.footer{padding:1.5rem 1rem 2rem;text-align:center;background:#020617;color:#f8fafc}.footer__links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.footer__links a{color:#7dd3fc;font-size:1.5rem}@media (max-width: 720px){.topbar__nav{width:100%;justify-content:center;display:none}.topbar__nav.topbar__nav--open{display:flex}.topbar__toggle{display:inline-flex}}