@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{--text: #111;--muted: #555;--bg: #fdfdfd;--accent: #7fc7ff;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--text: #eaeef2;--muted: #aab0b6;--bg: #0b0c0f;--accent: #7fc7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Source Code Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-optical-sizing:auto;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:900px;margin:0 auto;padding:96px 24px}section{margin-bottom:80px}h2{font-size:1.3rem;font-weight:600;margin-bottom:16px}p{margin:0;color:var(--muted);font-size:1rem}ul{list-style:none;padding:0;margin:0}a{color:var(--accent);text-decoration:none}footer{margin-top:96px;font-size:.9rem;color:#777}header{margin-bottom:96px}.header-flex{display:flex;align-items:center;gap:1rem}@media(max-width:600px){.header-flex{display:flex;flex-direction:column;align-items:flex-start}}h1{font-size:2rem;font-weight:600;margin:0}.header-title{display:flex;flex-direction:column;justify-content:center}.subtitle{font-size:1.2rem;color:var(--muted)}.header-avatar{display:flex;align-items:center;justify-content:center}.avatar{width:88px;height:88px;border-radius:999px;object-fit:cover;border:2px solid rgba(0,0,0,.06)}.dark .avatar{border-color:#ffffff14}.navbar{width:100%}@media(max-width:300px){.navbar{display:none}}.nav-container{width:100%;margin:0 auto;padding:10px 24px;display:flex;gap:24px;justify-content:flex-end;align-items:center}.nav-link{color:var(--muted);text-decoration:none;font-weight:500;border-bottom:1px solid var(--accent)}.nav-link:hover{color:var(--accent)}.dark .nav-link{color:var(--muted)}.dark .nav-link:hover{color:var(--accent)}.dark .navbar{background:var(--bg)}.services-item{margin-bottom:8px;color:var(--muted)}.skills-list{display:flex;flex-wrap:wrap;gap:16px}.skill-group-title{margin-top:36px;margin-bottom:12px;font-size:1.1rem;font-weight:600;color:var(--text)}.skills-list li{display:flex;flex-direction:column;align-items:center;color:var(--muted);width:120px;border-radius:6px;padding:16px;background-color:#f7f7f7;border:1px solid #dfd8fd}.dark .skills-list li{background-color:#211a26;border:1px solid #211a26}.skill-icon svg{width:36px;height:36px}.experience-list{list-style:none;padding:0;margin:36px 0 0}.experience-item{margin-bottom:16px;padding:24px;border-left:3px solid var(--accent);background-color:#f7f7f7;color:var(--muted);border-radius:0 4px 4px 0}.dark .experience-item{background-color:#211a26;color:var(--muted)}.experience-item strong{display:block;font-weight:600;color:var(--text)}.experience-meta{font-size:.9rem;color:var(--muted);margin-bottom:6px}.projects-list{list-style:none;padding:0;margin-top:36px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}@media(max-width:850px){.projects-list{flex-direction:column;flex-wrap:nowrap}}.project-item{padding:12px;border-left:3px solid var(--accent);background-color:#f7f7f7;color:var(--muted);border-radius:0 4px 4px 0;width:32%;display:flex;flex-direction:column;gap:16px}@media(max-width:850px){.project-item{width:100%}}.project-item strong{display:block;font-weight:600;color:var(--text)}.project-meta{font-size:.9rem;color:var(--muted);margin:6px 0}.project-item a{color:var(--accent);text-decoration:underline}.dark .project-item{background-color:#211a26;color:var(--muted);border-left-color:var(--accent)}.theme-toggle{appearance:none;-webkit-appearance:none;border:1px solid #ddd;background:transparent;color:var(--accent);padding:6px 10px;border-radius:999px;font-size:1rem;line-height:1;cursor:pointer}.dark .theme-toggle{border-color:#ffffff14}.theme-fab{position:fixed;right:20px;bottom:20px;width:48px;height:48px;padding:0;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--bg);z-index:60}.theme-fab:hover{transform:translateY(-1px)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}