.page {
      display: none;
      animation: fadeIn 0.5s ease;
    }

    .active-page {
      display: block;
    }

    @keyframes fadeIn {
      from {opacity:0; transform: translateY(10px);} 
      to {opacity:1; transform: translateY(0);} 
    }

    .card-page {
      background: #fff;
      border-radius: 20px;
      padding: 40px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

    h1 {
      font-weight: 700;
    }

    .highlight {
      color: #2ecc71;
    }

    div .btn-sm:hover{
        background-color:#2ecc71;
        color: #fff;
        border-radius: 10px;
    }

    div button.active-btn{
        background-color:#2ecc71;
        color: #fff;
        border-radius: 10px;
    }