body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f8fb;color:#172033;line-height:1.65}
header{background:#0b1224;color:white;padding:32px 20px}header div,main,footer div{max-width:980px;margin:auto}
main{background:white;margin:28px auto;padding:34px;border:1px solid #dbe2ea;border-radius:16px}
h1{margin:0 0 8px;font-size:34px}h2{border-top:1px solid #dbe2ea;padding-top:22px;margin-top:26px}
h2:first-child{border-top:0;padding-top:0}.muted,footer{color:#5f6b7a;font-size:14px}
a{color:#0b5fff}.box{background:#eef4ff;border:1px solid #cfe0ff;border-radius:12px;padding:14px 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{border:1px solid #dbe2ea;border-radius:14px;padding:18px}
footer{border-top:1px solid #dbe2ea;padding:22px 20px 32px}@media(max-width:640px){main{margin:0;border-radius:0;padding:22px;border-left:0;border-right:0}h1{font-size:26px}}