:root{
  --bg:#ffffff; --fg:#0b0b0b; --card:#f6f6f6;
}
[data-theme="dark"]{ --bg:#0b0b0f; --fg:#e9e9e9; --card:#121217; }

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:var(--bg);color:var(--fg);line-height:1.4}
.container{max-width:1000px;margin:32px auto;padding:0 20px}
.site-header{background:transparent;padding:12px 0}
.nav{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:700}
.hero{padding:24px 0}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:12px}
.project{
  display:block;padding:16px;border-radius:10px;background:var(--card);text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(0,0,0,0.06);
}
.project h3{margin:0 0 8px 0;font-size:1.1rem}
.project p{margin:0;font-size:0.95rem;color:inherit;opacity:0.9}
.site-footer{padding:20px;text-align:center;opacity:0.8}