/* Footer */
footer {
  background: rgba(10, 15, 30, 0.9);
  color: #ccc;
  text-align: center;
  padding: 20px 10px;
  border-top: 1px solid rgba(0,180,255,0.2);
  font-size: 0.9rem;
  flex-shrink: 0; /* quan trọng để footer không bị co lại trong flex layout */
}

footer a {
  color: #00b4ff;
  text-decoration: none;
  transition: 0.3s;
}

footer a:hover {
  color: #ff0066;
}

/* Container tổng để footer luôn dính đáy */
.main-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Main chiếm phần còn lại */
.main-layout {
  flex: 1;
}