:root {
      --saffron: #F97316;
      --green: #16A34A;
      --gold: #FBBF24;
      --navy: #0F172A;
      /* slate-900 */
      --slate-light: #F8FAFC;
      --slate-mid: #CBD5E1;
      --white: #FFFFFF;
    }

    body {
      font-family: 'Inter', sans-serif;
      background-color: var(--slate-light);
      color: var(--navy);
      margin: 0;
      /* padding: 20px; */
    }

    .containerr {
      max-width: 800px !important;
      margin: auto !important;
    }

    h1 {
      font-size: 24px !important;
      font-weight: bold !important;
      margin-bottom: 20px !important;
    }

    h2 {
      font-size: 18px !important;
      font-weight: bold !important;
      margin-top: 30px !important;
    }

    p,
    li {
      line-height: 1.6 !important;
      margin: 8px 0 !important;
    }

    ul {
      padding-left: 20px !important;
      margin-top: 10px !important;
    }

    address {
      font-style: normal !important;
      line-height: 1.6 !important;
      margin-top: 10px !important;
    }

    .brand-text-gradient {
      background: linear-gradient(90deg, var(--saffron), #D97706);
      -webkit-background-clip: text !important;
      background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
    }

    @media (max-width: 600px) {
      body {
        padding: 15px !important;
      }

      h1 {
        font-size: 20px !important;
      }

      h2 {
        font-size: 16px !important;
      }
    }