html {
  font-size: 16px;
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* Ensure footer stays at bottom */
.footer {
  margin-top: auto;
}

/* Hero section styling */
.hero.is-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Box hover effect */
.box {
  transition: transform 0.2s, box-shadow 0.2s;
}

.box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}