:root { --ink:#1a1a2e; --accent:#c8102e; --gray:#5a6472; --bg:#fafbfc; }
* { box-sizing:border-box; }
body { margin:0; font:18px/1.7 Georgia,serif; color:var(--ink); background:var(--bg); }
header { background:var(--ink); color:#fff; padding:28px 20px; }
header a { color:#fff; text-decoration:none; }
.brand { font:700 22px/1 Helvetica,Arial,sans-serif; letter-spacing:1px; }
.tagline { color:#c9d2dd; font:14px/1.4 Helvetica,Arial,sans-serif; margin-top:6px; }
main { max-width:720px; margin:0 auto; padding:36px 20px 60px; }
h1 { font:700 34px/1.25 Helvetica,Arial,sans-serif; }
h2 { font:700 24px/1.3 Helvetica,Arial,sans-serif; margin-top:36px; }
.meta { color:var(--gray); font:14px Helvetica,Arial,sans-serif; }
a { color:var(--accent); }
.card { background:#fff; border:1px solid #e3e8ee; border-radius:10px;
        padding:20px 24px; margin:18px 0; }
.card h2 { margin:0 0 6px; font-size:22px; }
.card a { text-decoration:none; color:var(--ink); }
.card a:hover { color:var(--accent); }
.cta { background:var(--ink); color:#fff; border-radius:10px; padding:24px;
       margin:40px 0 10px; font-family:Helvetica,Arial,sans-serif; }
.cta a { display:inline-block; background:var(--accent); color:#fff;
         padding:10px 18px; border-radius:6px; text-decoration:none;
         font-weight:700; margin-top:10px; }
footer { color:var(--gray); font:13px Helvetica,Arial,sans-serif;
         text-align:center; padding:30px 20px; }