:root{
  --footer-bg:#f8fbff;
  --footer-line:rgba(12,23,45,.10);
  --footer-text:#22375e;
  --footer-muted:#607091;
  --footer-pill:#edf4ff;
  --footer-pill-border:#d8e1f2;
  --footer-link-hover:#2658e8;
}

.megaFooter{
  margin-top:32px;
  padding:28px;
  border-radius:24px;
  border:1px solid var(--footer-line);
  background:
    radial-gradient(circle at top left, rgba(38,88,232,.12), transparent 34%),
    radial-gradient(circle at top right, rgba(14,165,164,.08), transparent 32%),
    linear-gradient(180deg, #fbfdff 0%, var(--footer-bg) 100%);
  color:var(--footer-text);
  box-shadow:0 18px 36px rgba(16,26,56,.08);
}

.megaFooter a{
  color:var(--footer-text);
  text-decoration:none;
}

.megaFooterTop{
  display:grid;
  grid-template-columns:minmax(220px, 1.25fr) repeat(5, minmax(120px, 1fr));
  gap:28px;
}

.megaFooterBrand{
  display:grid;
  gap:14px;
}

.megaFooterBrandRow{
  display:flex;
  align-items:center;
  gap:12px;
}

.megaFooterLogo{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
}

.megaFooterTitle{
  display:block;
  font-size:20px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.02em;
}

.megaFooterSubtitle{
  display:block;
  margin-top:3px;
  color:var(--footer-muted);
  font-size:13px;
  font-weight:600;
}

.megaFooterBrand p{
  margin:0;
  color:var(--footer-muted);
  line-height:1.7;
}

.megaFooterTagRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.megaFooterTag{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:var(--footer-pill);
  border:1px solid var(--footer-pill-border);
  color:var(--footer-text);
  font-size:12px;
  font-weight:700;
}

.megaFooterCol{
  display:grid;
  align-content:start;
  gap:12px;
}

.megaFooterHeading{
  color:#0c172d;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.megaFooterLinks{
  display:grid;
  gap:10px;
}

.megaFooterLinks a{
  color:var(--footer-text);
  line-height:1.45;
}

.megaFooterLinks a:hover,
.megaFooterBottom a:hover{
  color:var(--footer-link-hover);
}

.megaFooterBottom{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--footer-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.megaFooterMeta{
  display:grid;
  gap:6px;
  color:var(--footer-muted);
  font-size:14px;
}

.megaFooterMeta a{
  color:var(--footer-text);
}

.megaFooterSocial{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.socialBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid var(--footer-pill-border);
  background:#ffffff;
  color:var(--footer-text);
  font-size:14px;
  font-weight:700;
  box-shadow:0 10px 20px rgba(16,26,56,.06);
}

.socialBtn:hover{
  background:#0b63c9;
  border-color:#0b63c9;
  color:#ffffff;
}

.socialBtnMark{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#e8f1ff;
  color:#0a66c2;
  font-size:13px;
  font-weight:900;
}

.megaFooterLegal{
  color:var(--footer-muted);
  font-size:13px;
}

@media (max-width: 1040px){
  .megaFooterTop{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px){
  .megaFooter{
    padding:22px;
  }

  .megaFooterTop{
    grid-template-columns:1fr;
    gap:22px;
  }

  .megaFooterBottom{
    align-items:flex-start;
  }
}
