.calculator-card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
        overflow: hidden;
      }



      .form-section {
        padding: 30px;
      }

      .form-label {
        font-weight: 600;
        margin-bottom: 7px;
      }

      .form-control,
      .form-select {
        min-height: 48px;
        border-radius: 10px;
        border: 1px solid #d1d5db;
      }

      .form-control:focus,
      .form-select:focus {
        border-color: #111827;
        box-shadow: 0 0 0 0.2rem rgba(17, 24, 39, 0.1);
      }

      .btn-check-age {
        min-height: 50px;
        border-radius: 10px;
        font-weight: 700;
        background: #111827;
        border-color: #111827;
      }

      .btn-check-age:hover {
        background: #000;
        border-color: #000;
      }

      .result-box {
        display: none;
        margin-top: 25px;
        padding: 25px;
        border-radius: 14px;
        border: 1px solid #e5e7eb;
        background: #fafafa;
      }

      .result-box.show {
        display: block;
      }

      .eligibility-result {
        padding: 18px;
        border-radius: 12px;
        margin-bottom: 20px;
      }

      .eligible {
        background: #ecfdf3;
        border: 1px solid #a7f3d0;
        color: #065f46;
      }

      .not-eligible {
        background: #fef2f2;
        border: 1px solid #fecaca;
        color: #991b1b;
      }

      .warning {
        background: #fffbeb;
        border: 1px solid #fde68a;
        color: #92400e;
      }

      .result-title {
        font-size: 22px;
        font-weight: 700;
      }

      .age-number {
        font-size: 28px;
        font-weight: 700;
      }

      .info-card {
        background: #f8fafc;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 18px;
        height: 100%;
      }

      .info-card h5 {
        font-size: 16px;
        font-weight: 700;
      }

      .info-card p {
        margin-bottom: 0;
        color: #4b5563;
        font-size: 14px;
        line-height: 1.6;
      }

      .date-range {
        font-size: 16px;
        font-weight: 700;
      }

      .small-note {
        color: #6b7280;
        font-size: 13px;
      }

      .footer-note {
        padding: 20px 30px;
        background: #f8fafc;
        border-top: 1px solid #e5e7eb;
        color: #6b7280;
        font-size: 13px;
      }

      .badge-custom {
        background: #e5e7eb;
        color: #374151;
        padding: 6px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
      }

      @media (max-width: 576px) {
        .main-wrapper {
          margin: 20px 10px;
        }

        .hero {
          padding: 25px 20px;
        }

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

        .form-section {
          padding: 20px;
        }

        .footer-note {
          padding: 18px 20px;
        }
      }