.hero-section {
    background: rgba(0, 0, 255, 0.062);
    height: 55vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: black;
    margin: 40px;
    padding: 0;
}

.hero-btn {
    padding: 10px 20px;
    background: blue;
    color: white;
    font-size: 15px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    margin-top: 25px;
    display: inline-block;
}

.hero2-content p,
.hero3-content p {
    margin-bottom: 8px;
}

.hero-btn {
    margin-top: 25px;
    display: inline-block;
}

.hero2-section,
.hero3-section {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 60px 20px;
    margin: 40px auto;
    border-radius: 12px;
    width: 90%;
    max-width: 1200px;
}

.hero3-section {
    background: rgba(0, 0, 255, 0.05); /* light transparent blue */
}
.hero2-section {
    background: #f8faff; /* soft light blue */
}

/* Message Styling */

.messages-container {
  margin: 20px auto;
  max-width: 600px;
  padding: 10px;
}

.message-box {
  padding: 14px 18px;
  margin-bottom: 12px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.08);
  animation: fadeSlide 0.4s ease forwards;
}

/* SUCCESS */
.message-box.success {
  background: #e8f9ee;
  border-left: 5px solid #34a853;
  color: #256f3a;
}

/* ERROR */
.message-box.error {
  background: #ffebeb;
  border-left: 5px solid #d93025;
  color: #a5271c;
}

/* WARNING */
.message-box.warning {
  background: #fff8e6;
  border-left: 5px solid #fbbc04;
  color: #8a6d1f;
}

/* INFO */
.message-box.info {
  background: #e8f0fe;
  border-left: 5px solid #4285f4;
  color: #1a53cc;
}

/* Animation */
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-subtext {
    margin-bottom: 25px;   /* 👈 Creates space before button */
}

.hero2-content p,
.hero3-content p {
    margin-bottom: 8px;
}