*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:#fffaf0;color:#2b2140}
header{background:#1d2b5a;color:#ffd84d;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
header a{color:#fff;margin-left:18px;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold}
.logo{font-size:26px;font-weight:bold;color:#ffd84d}
.hero{background:url(assets/hero.jpg) center/cover;min-height:420px;display:flex;align-items:flex-end}
.hero div{background:rgba(29,43,90,.82);color:#fff;padding:24px 32px;margin:24px;border-radius:14px;max-width:620px}
.hero h1{color:#ffd84d;margin:0 0 8px}
main{max-width:1050px;margin:auto;padding:30px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}
.card{background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:18px;text-align:center}
.card img{max-width:100%;border-radius:8px}
.btn{display:inline-block;background:#e63946;color:#fff;padding:10px 18px;border-radius:24px;text-decoration:none;font-family:Arial;font-weight:bold;margin:6px}
.btn.gold{background:#f4b400;color:#1d2b5a}h2{color:#1d2b5a}
.strip{display:flex;gap:10px;overflow:auto}.strip img{height:160px;border-radius:8px}
footer{background:#1d2b5a;color:#ddd;text-align:center;padding:24px;font-family:Arial;font-size:14px}footer a{color:#ffd84d}