:root{
  --bg:#ffffff;
  --text:#111827;
  --accent:#0ea5a4;
  --muted:#6b7280;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;line-height:1.5;background:var(--bg);color:var(--text)}
.container{max-width:960px;margin:0 auto;padding:24px}
.site-header{background:linear-gradient(90deg, #0ea5a4, #06b6d4);color:white;padding:32px 0}
.site-header h1{margin:0;font-size:28px}
.tagline{opacity:0.95;margin-top:8px}
.hero{padding:36px 0}
.cta{display:inline-block;margin-top:12px;padding:10px 16px;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none}
.content h3{margin-top:0}
.site-footer{border-top:1px solid #e6e6e6;padding:20px 0;margin-top:32px;text-align:center;color:var(--muted)}
@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--text:#e6eef8;--muted:#9aa7b2} .site-header{background:linear-gradient(90deg,#0f1724,#0b1220)}}