*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f8fb;color:#222}
header{background:linear-gradient(90deg,#c40000,#ffd400,#004fc7);text-align:center;color:white;padding:40px 20px}
.logo{width:330px;max-width:95%;background:white;border-radius:14px;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
header h1{font-size:44px;margin:18px 0 8px;text-transform:uppercase;letter-spacing:2px}
header p{font-size:20px;font-weight:bold}
.topbar{background:#004fc7;color:white;text-align:center;padding:16px;font-weight:bold;font-size:18px}
nav{background:#ffd400;text-align:center;padding:16px}
nav a{color:#c40000;text-decoration:none;margin:0 12px;font-weight:bold;text-transform:uppercase}
.container{max-width:1100px;margin:auto;padding:45px 20px}
.card{background:white;border-left:9px solid #004fc7;border-radius:14px;padding:30px;margin-bottom:28px;box-shadow:0 5px 15px rgba(0,0,0,.12)}
.red{border-left-color:#c40000}.yellow{border-left-color:#ffd400}
h2{color:#c40000;font-size:32px;text-transform:uppercase;margin-top:0}
h3{color:#004fc7;font-size:24px}
p,li{font-size:18px;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.button{display:inline-block;background:#004fc7;color:white;text-decoration:none;padding:13px 22px;border-radius:10px;font-weight:bold;text-transform:uppercase;margin:10px 8px 10px 0}
.red-button{background:#c40000}.yellow-button{background:#d6a900;color:#111}
.product-image{width:260px;max-width:100%;border-radius:14px;box-shadow:0 5px 14px rgba(0,0,0,.25)}
.small-logo{width:180px;max-width:80%;margin-bottom:15px}
iframe{width:100%;height:350px;border:0;border-radius:14px}
footer{background:#004fc7;color:white;text-align:center;padding:32px 20px;font-weight:bold;font-size:18px}
@media(max-width:700px){header h1{font-size:32px}nav a{display:block;margin:10px 0}.container{padding:30px 15px}}