.hero {
      padding: 90px 64px 40px;
      max-width: 1100px;
      margin: auto;
    }



    .hero h1 {
      font-size: 52px;
      margin: 0 0 20px;
    }



    .hero p {
      color: #c7cbe6;
      font-size: 18px;
      line-height: 1.6;
      max-width: 800px;
    }



    .section {
      padding: 40px 64px 80px;
      max-width: 1100px;
      margin: auto;
    }



    .card {
      background: #12183a;
      padding: 40px;
      border-radius: 16px;
    }



    .terms-content {
      max-width: 900px;
    }



    .terms-content h2 {
      margin-top: 42px;
      margin-bottom: 14px;
      font-size: 24px;
    }



    .terms-content h2:first-child {
      margin-top: 0;
    }



    .terms-content p,
    .terms-content li {
      color: #c7cbe6;
      font-size: 16px;
      line-height: 1.75;
    }



    .terms-content ul {
      padding-left: 24px;
    }



    .terms-content a {
      color: #ffffff;
    }

@media (max-width: 900px){


      .hero {
        padding: 70px 24px 30px;
      }


      .hero h1 {
        font-size: 40px;
      }


      .section {
        padding: 30px 24px 60px;
      }


      .card {
        padding: 28px;
      }
}

/* Spacing only: original content and styling retained. */
.page-content .hero,.page-content .section{padding-top:24px;padding-bottom:24px}
.page-content .card,.page-content .form-container,.page-content .thankyou-box{padding-top:24px;padding-bottom:24px}
@media(max-width:900px){.page-content .hero,.page-content .section{padding-top:24px;padding-bottom:24px}}