:root{--brand:#0b5fa5;--accent:#17a2b8;--dark:#0b2239;--light:#f7fbff;--banner:#fde68a;--banner-text:#7c2d12;}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;margin:0;color:#0f172a;background:#fff}
header,footer{padding:1.25rem 1rem}
header{background:var(--light)}
h1,h2{color:var(--dark);margin:0 0 .25rem}
.container{max-width:980px;margin:0 auto;padding:0 1rem}
.banner{background:var(--banner);color:var(--banner-text);padding:.75rem 1rem;text-align:center;border-bottom:1px solid #f59e0b;font-weight:700;letter-spacing:.02em}
.banner .small{display:block;font-weight:500;opacity:.8}
.hero{padding:2rem 0}
.hero p{margin:.25rem 0 0;color:#334155}
footer{background:#f8fafc;color:#475569;text-align:center}
.badge{display:inline-block;background:#e6f4ff;color:#0b5fa5;padding:.35rem .6rem;border-radius:999px;font-size:.8rem;margin-top:.5rem}