*{box-sizing:border-box}
body{font-family:Tahoma,Arial,sans-serif;margin:0;background:#fdfdfd;color:#222;line-height:1.6}
.container{max-width:960px;margin:0 auto;padding:18px}
.header{background:#004466;color:#fff}
.header .container{display:flex;justify-content:space-between;align-items:center}
.brand{margin:0;font-size:22px;padding:12px 0}
.nav a{color:#fff;text-decoration:none;margin-left:14px;font-size:14px}
.intro{background:#fff;padding:28px;border-radius:8px;margin:18px 0;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}
.cards article{background:#fff;padding:16px;border:1px solid #eee;border-radius:8px}
.footer{padding:16px 0;text-align:center;color:#777;margin-top:24px;background:#fafafa}