:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-alt:#f7f6f9;--border:#e5e4e7;--accent:#4f46e5;--accent-hover:#4338ca;--accent-bg:#4f46e514;--accent-border:#4f46e559;--shadow:#00000014 0 10px 25px -5px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=768px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-alt:#1e2028;--border:#2e303a;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-bg:#818cf81f;--accent-border:#818cf866}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}section[id]{scroll-margin-top:72px}h1,h2,h3{color:var(--text-h);margin:0}h2{letter-spacing:-.5px;font-size:30px}@media (width<=768px){h2{font-size:24px}}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}#root{flex-direction:column;min-height:100svh;display:flex}main{flex:1}.navbar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1024px;margin:0 auto;padding:16px 24px;display:flex}.navbar__brand{color:var(--text-h);letter-spacing:-.3px;font-weight:700}.navbar__links{gap:24px;margin:0;padding:0;list-style:none;display:flex}.navbar__links a{color:var(--text);font-size:16px}.navbar__links a:hover{color:var(--text-h)}@media (width<=640px){.navbar__inner{flex-direction:column;gap:10px;padding:12px 16px}.navbar__links{gap:16px}}.hero-section{text-align:center;background:radial-gradient(circle at 20% 20%, var(--accent-bg), transparent 45%), radial-gradient(circle at 80% 80%, var(--accent-bg), transparent 45%);padding:88px 24px 64px}.hero-section__inner{max-width:720px;margin:0 auto}.hero-section__name{letter-spacing:-1.5px;font-size:52px;font-weight:700}@media (width<=768px){.hero-section__name{font-size:36px}}.hero-section__title{color:var(--accent);margin-top:8px;font-size:22px;font-weight:600}@media (width<=768px){.hero-section__title{font-size:18px}}.hero-section__intro{margin-top:20px;font-size:19px}@media (width<=768px){.hero-section__intro{font-size:17px}}.hero-section__actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;display:flex}.hero-section__social{justify-content:center;gap:24px;margin-top:24px;display:flex}.hero-section__social a{color:var(--text);font-weight:500}.hero-section__social a:hover{color:var(--accent-hover)}.btn{border-radius:8px;padding:10px 22px;font-size:16px;font-weight:500;transition:background-color .2s,transform .1s;display:inline-block}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);color:#fff}.btn--secondary{color:var(--text-h);background:var(--bg);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--accent-border)}.section{padding:64px 24px;scroll-margin-top:72px}.section:nth-child(2n){background:var(--bg-alt)}.section__inner{max-width:1024px;margin:0 auto}.section__heading{margin-bottom:12px}.section__subtitle{margin-bottom:32px}.about{flex-direction:column;gap:12px;max-width:720px;display:flex}.skills{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:28px;display:grid}.skills__group{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px}.skills__group-title{text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-size:16px}.skills__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skills__badge{background:var(--accent-bg);color:var(--text-h);border:1px solid var(--accent-border);border-radius:999px;padding:4px 12px;font-size:15px}.projects{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px;display:grid}.project-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px}.project-card h3{margin-bottom:8px}.project-card__links{gap:16px;margin-top:14px;display:flex}.contact{max-width:720px}.contact a{font-weight:500}.footer{border-top:1px solid var(--border);text-align:center;padding:20px 24px}.footer__tagline{margin-top:4px;font-size:14px}