:root {
  --surface-card-top: #0b2542;
  --surface-card-bottom: #07182d;
  --surface-card-border: rgba(91, 159, 214, 0.2);
}

/* Surfaces de cartes bleu nuit, volontairement plus claires que le fond. */
.index-page .feature-item,
.index-page .testimonial-item,
.index-page .service-card,
.index-page .step-item,
.index-page .portfolio-entry,
.index-page .team-member,
.index-page .team-modal-content,
.index-page .faq-item,
.index-page .contact-info-box,
.index-page .contact-form-wrapper {
  background:
    radial-gradient(circle at 92% 8%, rgba(27, 104, 166, 0.16), transparent 34%),
    linear-gradient(145deg, var(--surface-card-top) 0%, var(--surface-card-bottom) 100%) !important;
  border: 1px solid var(--surface-card-border) !important;
  box-shadow:
    0 18px 42px rgba(0, 3, 12, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}