.component .section-title,
.component .section-subtitle {
  width: 100%;
  text-align: center;
  display: block;
}

.section-title h2 {
  text-align: center;
  font-weight: 800;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
  background: radial-gradient(ellipse at center, #ffffff 0%, #a8eeff 45%, #00c8ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.section-subtitle p {
  text-align: center;
  color: #707070;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 40px;
  font-size: 0.95rem;
}

@media (min-width: 576px) {
  .section-title h2 { font-size: 2rem; }
  .section-subtitle p { font-size: 1rem; }
}

@media (min-width: 768px) {
  .section-title h2 { font-size: 2.5rem; }
  .section-subtitle p { font-size: 1.1rem; }
}

@media (min-width: 992px) {
  .section-title h2 { font-size: 3rem; }
  .section-subtitle p { font-size: 1.15rem; }
}

@media (min-width: 1200px) {
  .section-title h2 { font-size: 3.5rem; }
  .section-subtitle p { font-size: 1.2rem; }
}