/* ========== Card / Container ========== */
    .card {
      max-width: 700px;
      margin: 120px auto 2rem;
      background: white;
      border: 1px solid #ddd;
      border-radius: 16px;
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
      padding: 2rem;
    }

    h1 {
      margin-bottom: 1.2rem;
      font-size: 1.8rem;
      color: #333;
      font-weight: 600;
    }

    p {
      line-height: 1.7;
      color: #555;
      margin-bottom: 1rem;
    }



    /* ========== Responsive (optional) ========== */
    @media (max-width: 600px) {
      .header-container,
      .footer-content {
        padding: 1rem;
      }

      .card {
        margin: 100px 1rem 2rem;
        padding: 1.5rem;
      }

      h1 {
        font-size: 1.5rem;
      }
    }