.section-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(8,27,53,0.11), 0 1px 2px rgba(8,27,53,0.05);
  margin: 40px auto 28px;
  padding: 38px 36px 28px;
  max-width: 820px;
  width: 100%;
  color: #081b35;
  font-size: 1.10rem;
  font-family: 'Poppins', sans-serif;
}
.section-card h1, .section-card h2 {
  color: #b30000;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
}
.section-card p {
  text-align: center;
  color: #222;
  font-size: 1.13rem;
  max-width: 650px;
  margin: 0 auto 18px;
}
.benefit-list, .meta-benefit-list {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: center;
  list-style: none;
  margin: 28px 0 32px 0;
  padding: 0;
}
.benefit-item, .meta-benefit-item {
  background: #f6fafd;
  border: 1.5px solid #b4dcff;
  border-radius: 13px;
  box-shadow: 0 2px 12px #b4dcff18;
  padding: 22px 20px;
  min-width: 230px;
  max-width: 330px;
  flex: 1 1 230px;
  text-align: center;
  font-weight: 500;
  color: #223;
  font-size: 1.07em;
  transition: box-shadow .19s;
}
.benefit-item strong, .meta-benefit-item strong { color: #1680e0; }
.benefit-item:hover, .meta-benefit-item:hover {
  box-shadow: 0 6px 24px #b4dcff40;
  border-color: #1680e0;
}
.cta-box {
  background: linear-gradient(90deg,#1680e0 80%,#b30000 100%);
  border-radius: 14px;
  text-align: center;
  padding: 32px 14px 34px 14px;
  margin: 32px auto 0;
  color: #fff;
  max-width: 700px;
  box-shadow: 0 3px 20px #1680e011;
  flex-direction: column;
  align-items: center;
}
.cta-box h2 { color: #fff; margin-bottom: 13px; font-size: 1.23rem; }
.cta-btn {
  background: linear-gradient(90deg,#ffc107 0%,#ffe191 100%);
  color: #081b35;
  font-weight: 700;
  font-size: 1.09rem;
  padding: 15px 46px;
  border-radius: 9px;
  text-decoration: none;
  box-shadow: 0 2px 16px #fff2;
  border: 0;
  margin-top: 20px;
  display: inline-block;
  transition: all 0.18s cubic-bezier(.4,0,.2,1);
  text-align: center;
}
.cta-btn:hover {
  background: #ffe191;
  color: #b30000;
  box-shadow: 0 7px 22px #ffc10744;
  transform: translateY(-2px) scale(1.04);
}
.related-links-card {
  background: #f4faff;
  border-radius: 13px;
  box-shadow: 0 2px 8px #b4dcff19;
  max-width: 690px;
  padding: 20px 22px 13px;
  margin: 40px auto 0;
  text-align: center;
}
.related-links-card h2 {
  color: #1680e0;
  font-size: 1.12em;
  margin-bottom: 13px;
  text-align:center;
}
.related-links-card ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
  list-style:none;
  margin:0;
  padding:0;
  max-width:400px;
  margin-left:auto;
  margin-right:auto;
}
.related-links-card a {
  color: #1680e0;
  font-weight: 700;
  font-size:1.08em;
  text-decoration: none;
  background: #fff;
  border-radius: 7px;
  padding: 8px 19px;
  border: 1px solid #b4dcff;
  box-shadow: 0 1px 6px #1680e011;
  transition: color .15s, border-color .15s, background .15s;
  display: block;
}
.related-links-card a:hover {
  color: #b30000;
  border-color: #1680e0;
  background: #f0f9ff;
}
.animated-card {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.animated-card.visible {
  opacity: 1;
  transform: translateY(0);
}
.intro-card {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.intro-card.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 700px) {
  .section-card {padding: 14px 3vw 14px 3vw;}
  .benefit-list, .meta-benefit-list {flex-direction:column; gap:13px; max-width:98vw;}
  .benefit-item, .meta-benefit-item {max-width:97vw; min-width:0;}
  .related-links-card {padding: 11px 3vw 10px 3vw; max-width: 98vw;}
  .cta-box {max-width:97vw; padding: 16px 3vw 20px 3vw;}
}