body {font-family: Arial, sans-serif; margin:0; background:#f8f8f8; color:#222;}
header {text-align:center; padding:1rem; background:#fff;}
.site-logo {height:60px; width:auto;}
main {max-width:1200px; margin:auto; padding:1rem;}
.state-grid {display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1rem;}
.state-card {
  position:relative; display:flex; align-items:center; justify-content:center;
  height:100px; color:#fff; font-weight:bold; text-shadow:1px 1px 3px #000;
  background-size:cover; background-position:center; border-radius:12px;
  transition:transform .2s, box-shadow .2s;
  background-color: #2b6cb0;
}
.state-card:hover {transform:scale(1.05); box-shadow:0 4px 12px rgba(0,0,0,.3);}
.info {margin-top:3rem;}
footer {text-align:center; padding:1rem; background:#fff; color:#333; margin-top:3rem; font-size:0.9rem;}
.banner-section {display:none;}
.banner {width:300px; height:250px;}