/*
 * Mindset Growth Hub: site footer (shared by every page).
 * Extracted verbatim from final.html.
 */
.sf { position: relative; overflow: hidden; color: #C9D6EE; font-size: .95rem; line-height: 1.7; padding: 44px 0 18px; border-top: 3px solid #F6AB1C;
  background:
    radial-gradient(ellipse 60% 70% at 12% 0%, rgba(58,102,174,.55), transparent 60%),
    radial-gradient(ellipse 40% 60% at 95% 100%, rgba(246,171,28,.16), transparent 60%),
    linear-gradient(135deg, #1B3366 0%, #14244B 48%, #0E1A3A 100%); }
.sf::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.08) 1px, transparent 1.4px); background-size: 22px 22px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 85%); mask-image: linear-gradient(to bottom, #000, transparent 85%); }
.sf-bars { position: absolute; inset-inline-end: 3%; bottom: -120px; display: flex; gap: 18px; direction: ltr; pointer-events: none; opacity: .14; }
.sf-bars i { width: 74px; height: 230px; border-radius: 10px 999px 999px 999px; background: #fff; }
.sf-bars i:nth-child(2) { background: #F6AB1C; margin-top: 46px; opacity: .9; }
.sf-bars i:nth-child(3) { margin-top: 92px; background: #BCD6EC; }
.sf-in { position: relative; z-index: 1; width: min(100% - 40px, 1200px); margin-inline: auto; }
.sf-grid { display: grid; grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr; gap: 32px; }
.sf a { color: inherit; text-decoration: none; transition: color .2s; }
.sf a:hover { color: #F6AB1C; }
.sf-logo { display: inline-block; }
.sf-logo img { height: 48px; width: auto; display: block; }
.sf-about { margin: 12px 0 0; max-width: 34ch; }
.sf-social { display: flex; gap: 10px; margin-top: 14px; }
.sf-social a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); transition: background .25s, color .25s, transform .25s; }
.sf-social a:hover { background: #F6AB1C; border-color: #F6AB1C; color: #14244B; transform: translateY(-3px); }
.sf h4 { margin: 0 0 12px; color: #fff; font-size: 1.05rem; font-weight: 700; letter-spacing: 0; }
.sf h4::after { content: ""; display: block; width: 28px; height: 3px; margin-top: 6px; border-radius: 3px; background: #F6AB1C; }
.sf ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sf-contact li { display: flex; align-items: center; gap: 10px; }
.sf-contact svg { color: #F6AB1C; flex: none; }
.sf-bottom { margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: .88rem; color: #AFC0DC; }
.sf-bottom nav { display: flex; gap: 22px; }
@media (max-width: 900px) { .sf-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .sf { padding-top: 36px; } .sf-grid { grid-template-columns: 1fr; gap: 22px; } .sf-bottom { justify-content: center; text-align: center; } .sf-bars { opacity: .08; } }