*,:before,:after{box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--bg:#0d1117;--card:#161b22;--card-hover:#1c2330;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#7c6ef8;--accent-light:#1a1736;--accent-glow:#7c6ef82e;--shadow:0 2px 16px #00000073;--shadow-lg:0 8px 32px #0000008c;--navbar-bg:#161b22d9;--contact-card-bg:#080c12;--contact-glow:#7c6ef847}[data-theme=light]{--bg:#f4f6f9;--card:#fff;--card-hover:#f0f4f8;--border:#dde2ea;--text:#0f172a;--text-muted:#64748b;--accent:#6358e8;--accent-light:#ede9fe;--accent-glow:#6358e81f;--shadow:0 2px 12px #0f172a14;--shadow-lg:0 8px 28px #0f172a1f;--navbar-bg:#f4f6f9e0;--contact-card-bg:#1e1b4b;--contact-glow:#6358e859}:root{--nav-height:64px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--font-body:"Inter", system-ui, sans-serif;--font-heading:"Bricolage Grotesque", system-ui, sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s}.container{max-width:1000px;margin:0 auto;padding:0 20px}.navbar{z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--border);border-radius:var(--radius-pill);width:calc(100% - 40px);max-width:1000px;box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:10px 20px;transition:background .3s,border-color .3s;display:flex;position:relative;top:20px;left:50%;transform:translate(-50%)}.navbar-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-avatar{border-radius:var(--radius-sm);border:1.5px solid var(--border);object-fit:cover;background:var(--bg);width:36px;height:36px}.navbar-name{flex-direction:column;line-height:1.2;display:flex}.navbar-name strong{color:var(--text);font-size:14px;font-weight:700}.navbar-name span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.navbar-links{align-items:center;gap:6px;list-style:none;display:flex}.navbar-links a{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-pill);padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:var(--text)}.navbar-links .nav-cta{background:var(--accent);color:#fff;border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;padding:7px 16px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .2s}.navbar-links .nav-cta:hover{opacity:.82}.page{padding-top:calc(var(--nav-height) + 48px);padding-bottom:80px}.section-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.section-icon{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--card);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.section-title{font-family:var(--font-heading);color:var(--text);font-size:clamp(32px,5vw,44px);font-weight:800;line-height:1.1}.card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .25s}.card:hover{border-color:#7c6ef859}.badge{letter-spacing:.04em;border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-dark{background:var(--text);color:var(--bg)}.badge-outline{color:var(--text-muted);border:1px solid var(--border);background:0 0}.badge-accent{background:var(--accent-light);color:var(--accent);border:1px solid #7c6ef847}section{margin-bottom:64px}.link-accent{color:var(--accent);align-items:center;gap:4px;margin-top:-1px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.link-accent:hover{opacity:.5}.divider{border:none;border-top:1.5px solid var(--border);margin:12px 0}@media (max-width:900px){.container{padding:0 16px}.navbar{width:calc(100% - 32px)}}@media (max-width:640px){.navbar{border-radius:var(--radius-lg);width:calc(100% - 24px);top:12px}.page{padding-top:calc(var(--nav-height) + 24px);padding-bottom:60px}section{margin-bottom:48px}}
