/* ============================================
   FOOTER REFRESH
============================================= */
.footer-bottom {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 24px !important;
  margin-top: 40px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  width: 100% !important;
}

.footer-copyright {
  font-size: 15px !important;
  color: rgba(255,255,255,0.25) !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}

.footer-legal {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
}

.footer-legal a {
  font-size: 15px !important;
  color: rgba(255,255,255,0.25) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  white-space: nowrap;
  display: inline !important;
}

.footer-legal a:hover {
  color: rgba(255,255,255,0.60) !important;
}

@media (max-width: 640px) {
  .footer-bottom {
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    text-align: center !important;
  }
}

/* Footer Columns */
.footer-col h4,
.footer-col-title {
  font-family: var(--font-display);
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
  color: var(--white);
}

.footer-col-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
  padding: 0;
}

.footer-col-links a {
  color: rgba(255, 255, 255, 0.45);
  font-size: 16px;
  transition: color 0.3s ease;
  text-decoration: none;
}

.footer-col-links a:hover {
  color: var(--electric);
}

/* ============================================
   LEGAL PAGES COMMON STYLES
============================================= */
.legal-page {
  padding-top: 72px;
  min-height: 100vh;
  background: #FFFFFF;
}

.legal-container {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 48px 100px;
}

.legal-header {
  margin-bottom: 56px;
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(11, 27, 61, 0.08);
}

.legal-back {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #1A53FF;
  text-decoration: none;
  margin-bottom: 24px;
  transition: gap 0.2s ease;
  gap: 6px;
}

.legal-back:hover {
  gap: 10px;
}

.legal-header h1 {
  font-size: clamp(32px, 4.5vw, 48px);
  font-weight: 500;
  color: #0B1B3D;
  margin-bottom: 8px;
  line-height: 1.2;
}

.legal-updated {
  font-size: 13px;
  color: rgba(11, 27, 61, 0.35);
}

.legal-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.legal-section h2 {
  font-size: 20px;
  font-weight: 500;
  color: #0B1B3D;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(26, 83, 255, 0.10);
}

.legal-section p {
  font-size: 17px;
  color: rgba(11, 27, 61, 0.65);
  line-height: 1.8;
  margin-bottom: 12px;
}

.legal-section p:last-child {
  margin-bottom: 0;
}

.legal-section ul {
  margin: 8px 0 12px 20px;
}

.legal-section li {
  font-size: 17px;
  color: rgba(11, 27, 61, 0.65);
  line-height: 1.8;
  margin-bottom: 4px;
}

.legal-section a {
  color: #1A53FF;
  text-decoration: none;
}

.legal-section a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .legal-container {
    padding: 40px 24px 80px;
  }
}
    .navbar__links a {
      font-size: 16px;
      font-weight: 500;
      color: #0B1B3D;
      transition: color 0.2s ease;
      display: inline-flex;
      align-items: center;
    }

    .nav-flip {
      display: inline-block;
      height: 1.2em;
      overflow: hidden;
      position: relative;
    }

    .nav-flip-inner {
      display: flex;
      flex-direction: column;
      transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .navbar__links a:hover .nav-flip-inner {
      transform: translateY(-50%);
    }

    .nav-flip-top,
    .nav-flip-bottom {
      display: block;
      height: 1.2em;
      line-height: 1.2em;
      white-space: nowrap;
    }

    .nav-flip-bottom {
      color: #1A53FF;
    }

    .navbar__links a:hover {
      color: #1A53FF;
    }