:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#2563eb;
  --radius:12px;
  --max-width:840px;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
  background:var(--bg);
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
}

.container{
  max-width:var(--max-width);
  margin:40px auto;
  padding:28px;
  background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.95));
  border-radius:var(--radius);
  box-shadow:0 8px 30px rgba(15,23,42,0.08);
}

.site-header h1{margin:0;font-size:1.6rem}
.subtitle{color:var(--muted);margin-top:6px}
.lead p{font-size:1rem;color:#111827}

h2{margin-top:20px;margin-bottom:8px;color:#0b1220}
p{line-height:1.6;color:#111827}

a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

.site-footer{margin-top:26px;border-top:1px solid #eef2f7;padding-top:12px;color:var(--muted);font-size:0.9rem;text-align:right}

@media (max-width:640px){
  .container{margin:20px;padding:18px}
  .site-footer{text-align:left}
}