:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f7fb;--bg-deep:#e1e6f1;--fg:#050711;--muted:#5f6675;--accent:#3b82f6;--accent-light:#60a5fa;--accent-strong:#1d4ed8;--panel-bg:#fffffff2;--panel-border:#05061414;--btn-shadow:0 20px 45px #0a0e2040;--nav-bg:#ffffffe6;--nav-border:#0506141f;--shadow-soft:0 20px 45px #05061440;font-family:Inter,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top, #3b82f626, transparent 55%), var(--bg);min-height:100vh;color:var(--fg);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.5}.hero{align-items:center;gap:1rem;min-height:60vh;padding:4rem clamp(1.5rem,4vw,4rem);display:grid;position:relative}.hero-content h1{font-optical-sizing:auto;text-wrap:pretty;max-width:40ch;margin-bottom:2rem;font-family:Space Grotesk,Inter,sans-serif;font-size:2rem;font-weight:600}.hero-content .intro{font-size:1.2rem;display:block}.hero-content .highlight{color:var(--accent-strong);margin-block:.5rem 1rem;font-size:3rem;display:block}.hero-content p{max-width:65ch;font-size:1.2rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.btn{background:var(--accent-light);color:#000;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.6rem;font-weight:600;text-decoration:none;transition:transform .22s,box-shadow .22s;display:inline-flex}.btn.secondary{color:var(--fg);background:0 0;border-color:#ffffff59}.btn:hover,.btn:focus-visible{box-shadow:var(--shadow-soft);border:1px solid #ffffff14;transform:translateY(-2px)}.hero-nav{background:var(--nav-bg);border:1px solid var(--nav-border);box-shadow:var(--btn-shadow);border-radius:999px;flex-wrap:wrap;gap:1rem;padding:.6rem 1.25rem;display:flex;position:absolute;top:clamp(1rem,2vw,2.5rem);right:clamp(1.5rem,4vw,4rem)}.hero-nav a{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;text-decoration:none;transition:color .2s,transform .2s}.hero-nav a:hover,.hero-nav a:focus-visible{color:var(--accent-strong);transform:translateY(-1px)}main{flex-direction:column;gap:3rem;padding:0 clamp(1.5rem,4vw,4rem) 3rem;display:flex}.hero,main{max-width:1280px;margin:0 auto}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:clamp(1.5rem,3vw,2.75rem)}.panel-header h2{font-optical-sizing:auto;margin:.25rem 0 .5rem;font-family:Space Grotesk,Inter,sans-serif;font-weight:600}#about.panel p{text-wrap:pretty;max-width:80ch}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.timeline{gap:1.5rem;margin-top:1.5rem;display:grid}.timeline-meta{color:var(--muted);font-size:.9rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.skills-grid>div{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:1.25rem}.skills-grid h3{margin-top:0;margin-bottom:.5rem}.skills-grid ul{color:var(--muted);flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.skills-grid li{text-wrap:pretty}.projects{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.projects article{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:1.25rem}.text-link{color:var(--accent-strong);font-weight:500;text-decoration:none}.contact{text-align:center;background:linear-gradient(135deg,#3b82f61f,#1d4ed81f)}.contact-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact .btn{margin-top:1rem}@media (width<=600px){.hero-nav{box-shadow:none;border-radius:var(--radius);background:var(--nav-bg);border:1px solid var(--nav-border);justify-content:center;padding:.75rem 1rem;position:static}.hero{padding:3rem 1.25rem}}@media (prefers-color-scheme:dark){:root{--bg:#06060b;--bg-deep:#020205;--fg:#f5f6fb;--muted:#a8b0c0;--accent:#b6fffe;--accent-strong:#6dd9ff;--panel-bg:#ffffff05;--panel-border:#ffffff1a;--btn-shadow:0 15px 40px #02020559;--nav-bg:#05060fcc;--nav-border:#ffffff14;--shadow-soft:0 20px 45px #02020580}body{background:radial-gradient(circle at top, #b6fffe33, transparent 55%), var(--bg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}