body {
      background-color: #f8f9fa;
      color: #212529;
    }

    .navbar-brand {
      font-weight: 800;
      font-size: 1.5rem;
    }

    .text-orange {
      color: var(--red) !important;
    }

    .btn-orange {
      background-color: var(--red);
      border-color: var(--red);
      color: #fff;
    }

    .btn-orange:hover {
      background-color: #e64500;
      border-color: #e64500;
      color: #fff;
    }

    .policy-hero {
      background: linear-gradient(180deg, #ffffff 0%, #fff5ef 100%);
      padding: 80px 0 60px;
    }

    .hero-badge {
      display: inline-block;
      background: #fff1ea;
      color: var(--red);
      font-weight: 600;
      font-size: 0.85rem;
      padding: 8px 14px;
      border-radius: 50px;
      margin-bottom: 18px;
    }

    .hero-title {
      font-size: 2.8rem;
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 15px;
    }

    .hero-text {
      color: #6c757d;
      max-width: 760px;
      margin: 0 auto;
    }

    .policy-wrapper {
      margin-top: -20px;
      margin-bottom: 60px;
    }

    .policy-card {
      background: #fff;
      border: 1px solid #eee;
      border-radius: 22px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.04);
      padding: 40px;
    }

    .policy-card h2 {
      font-size: 1.5rem;
      font-weight: 700;
      margin-top: 30px;
      margin-bottom: 15px;
      color: #111;
    }

    .policy-card h2:first-child {
      margin-top: 0;
    }

    .policy-card p {
      color: #6c757d;
      line-height: 1.8;
      margin-bottom: 14px;
    }

    .policy-card ul {
      padding-left: 1.2rem;
      color: #6c757d;
      line-height: 1.8;
    }

    .policy-card ul li {
      margin-bottom: 8px;
    }

    .last-updated {
      background: #fff7f3;
      border: 1px solid #ffe3d7;
      color: var(--red);
      font-weight: 600;
      padding: 14px 18px;
      border-radius: 14px;
      margin-bottom: 25px;
    }

    footer {
      border-top: 1px solid #e9ecef;
      background: #fff;
    }

    @media (max-width: 991px) {
      .hero-title {
        font-size: 2.2rem;
      }

      .policy-card {
        padding: 28px;
      }
    }

    @media (max-width: 576px) {
      .hero-title {
        font-size: 1.8rem;
      }

      .policy-hero {
        padding: 65px 0 45px;
      }

      .policy-card {
        padding: 22px;
      }
    }