:root{
  --bg:#0f1720;
  --card:#0b1220;
  --muted:#9aa6b2;
  --text:#e6eef3;
  --accent:#4fd1c5;
  --glass: rgba(255,255,255,0.03);
  --radius:12px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.theme-light {
  --bg: #f5f7fa;
  --card: #ffffff;
  --muted: #6b7280;
  --text: #0b1220;
  --accent: #059669;
  --glass: rgba(3,7,18,0.02);
}
 
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--bg), #08101a);color:var(--text);min-height:100vh}
.container{max-width:1100px;margin:0 auto;padding:20px}
 
/* header */
.site-header{background:transparent;padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.03)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:56px;height:56px;background:var(--glass);border-radius:10px;padding:8px}
.brand h1{margin:0;font-size:1.1rem}
.brand .muted{margin:0;margin-top:2px;font-size:0.85rem;color:var(--muted)}
 
/* buttons */
.btn{padding:8px 12px;border-radius:8px;border:0;background:transparent;color:var(--text);cursor:pointer}
.btn-outline{border:1px solid rgba(255,255,255,0.06);padding:8px 12px;border-radius:8px;color:var(--text);text-decoration:none}
.btn-primary{background:linear-gradient(90deg,var(--accent),#06b6a4);border-radius:8px;padding:8px 12px;color:#04111a;text-decoration:none}
.header-actions{display:flex;gap:8px;align-items:center}
 
/* layout */
.main-grid{display:grid;grid-template-columns: 1fr 360px;gap:20px;padding:28px 0}
@media (max-width:900px){.main-grid{grid-template-columns:1fr;padding:18px}.header-actions{display:none}}
 
/* card */
.card{background:var(--card);padding:18px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(2,6,23,0.6);border:1px solid rgba(255,255,255,0.02)}
.muted{color:var(--muted)}
 
/* projects */
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:12px}
@media (max-width:800px){.projects-grid{grid-template-columns:1fr}}
.project-card{padding:14px;border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);border:1px solid rgba(255,255,255,0.03)}
.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.tag{background:rgba(255,255,255,0.03);padding:6px 10px;border-radius:8px;font-size:.85rem;color:var(--muted)}
.project-actions{display:flex;gap:10px;margin-top:10px}
.small{font-size:0.85rem;color:var(--muted)}
.link{color:var(--accent);text-decoration:none}
 
/* footer */
.site-footer{padding:18px 0;border-top:1px solid rgba(255,255,255,0.03);margin-top:28px;text-align:center;color:var(--muted);font-size:.9rem}
 
/* utilities */
.quicklinks{margin-top:10px;display:flex;gap:8px}
.table{width:100%;border-collapse:collapse}