.zoom-hero {
  background: linear-gradient(135deg, #0A2540, #071a2c);
  color: white;
  padding: 80px 0;
}

.zoom-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}

.zoom-hero-badge {
  display: inline-block;
  background: #38BDF8;
  color: #0A2540;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 15px;
}

.zoom-hero h1 {
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  margin-bottom: 20px;
  color: #fff;
}

.zoom-hero p {
  opacity: 0.9;
  line-height: 1.6;
  color: #fff;
}

.zoom-hero-actions {
  margin-top: 25px;
  display: flex;
  gap: 15px;
}

.zoom-hero-image img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}

.zoom-registration-note {
  background: #f0f9ff;
  border-left: 4px solid #38BDF8;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 14px;
}


.zoom-class-section {
    background-color: #fff !important;
}

@media screen and (max-width: 767px) {
    .zoom-hero-inner {
        grid-template-columns: 1fr;
    }
}