body{font-family:Arial,sans-serif;margin:0;color:#333}
header,footer{background:#1F4E79;color:#fff;padding:15px;text-align:center}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hero{padding:80px 20px;text-align:center;background:#F5F7FA}
.fade-banner{font-size:2rem;font-weight:bold;animation:fade 5s infinite}
@keyframes fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}
.container{max-width:1100px;margin:auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{border:1px solid #ddd;border-radius:8px;padding:15px}
.btn{background:#7A9E7E;color:white;padding:8px 12px;text-decoration:none;border-radius:5px}
svg text{font-size:12px}