.navbar-area { position: relative; background: #1058d6; }
.legal-page { max-width: 1100px; padding-top: 48px; }
.legal-page h1 { color: #162447; font-size: clamp(28px, 4vw, 40px); margin-bottom: 16px; }
  @media (max-width: 991px) {
    .navbar {
      padding: 14px 0;
    }
    .navbar-toggler {
      width: 44px;
      height: 44px;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
      border: 1px solid rgba(255, 255, 255, 0.28);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.12);
    }
    .navbar-toggler .toggler-icon {
      width: 22px;
      height: 2px;
      margin: 0;
      background: #ffffff;
    }
    .navbar-collapse {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: auto;
      max-height: calc(100vh - 96px);
      overflow-y: auto;
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 14px;
      background: #1058d6;
      box-shadow: 0 18px 48px rgba(15, 28, 70, 0.26);
    }
    .navbar-collapse.collapsing {
      display: block;
      height: auto !important;
      overflow-y: auto;
      transition: none;
    }
    .navbar-nav {
      gap: 8px;
    }
    .navbar-nav .nav-item {
      width: 100%;
      margin-left: 0;
    }
    .navbar-nav .nav-item a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-height: 48px;
      padding: 13px 15px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.1);
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.2;
    }
    .navbar-nav .nav-item a::before {
      display: none;
    }
    .navbar-nav .nav-item a::after {
      display: none;
    }
    .navbar-nav .nav-item a:hover,
    .navbar-nav .nav-item a:focus {
      background: rgba(255, 255, 255, 0.18);
      border-color: rgba(255, 255, 255, 0.24);
      color: #ffffff;
    }
    .navbar-nav .nav-item:last-child a {
      justify-content: center;
      margin-top: 6px;
      background: rgba(15, 47, 115, 0.48);
      border-color: rgba(255, 255, 255, 0.28);
      color: #ffffff;
      box-shadow: 0 14px 32px rgba(15, 28, 70, 0.22);
    }
    .navbar-nav .nav-item:last-child a::after {
      display: none;
    }
    .navbar-nav .nav-item:last-child a:hover,
    .navbar-nav .nav-item:last-child a:focus {
      background: rgba(15, 47, 115, 0.62);
      color: #ffffff;
    }
  }
.legal-content { color: #5b657e; font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }
.legal-content h2 { margin: 40px 0 16px; color: #162447; font-size: 28px; line-height: 1.3; }
.legal-content h3 { margin: 28px 0 12px; color: #162447; font-size: 21px; line-height: 1.4; }
.legal-content p { font-size: inherit; line-height: inherit; }
.legal-content p, .legal-content ul { margin-bottom: 20px; }
.legal-content ul { padding-left: 24px; list-style: disc; }
.legal-content li { margin-bottom: 12px; }
.legal-content a { color: #1058d6; text-decoration: underline; }
@media (max-width: 767px) {
  .legal-page { padding-top: 32px; }
  .legal-content { font-size: 16px; }
  .legal-content h2 { font-size: 25px; }
}