body { background: #f5f7fb; }
.fade-in { animation: fadeIn .5s ease-in; }
@keyframes fadeIn { from {opacity:0; transform: translateY(6px);} to {opacity:1; transform:none;} }
.hero {
  background: linear-gradient(120deg, #0d6efd, #20c997);
  color: #fff;
  border-radius: 1rem;
  padding: 3rem;
}
#map, #directionMap { height: 420px; border-radius: 0.75rem; }
.room-card:hover { transform: translateY(-2px); transition: .2s; }