* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background:#f5f6fa; }
.container { width:min(1100px, 100% - 2rem); margin:0 auto; }
.topbar { background:#1e272e; color:#fff; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; padding:1rem 0; }
.topbar a { color:#fff; text-decoration:none; margin-left:1rem; }
.hero { background:#fff; margin-top:1.5rem; padding:2rem; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,.03); }
.footer { text-align:center; padding:1.25rem 0; background:#fff; margin-top:2rem; border-top:1px solid rgba(0,0,0,.05); }