.subscription-card{width:20rem;border-radius:12px;text-align:center;transition:all .3s ease-in-out;display:flex;flex-direction:column}.card-footer{margin-top:auto;padding:1rem;border-top:1px solid #dee2e6;background-color:transparent}.subscription-card.active{border:2px solid #007bff;box-shadow:0 15px 40px #007bff33}.subscription-card.cancelled{border:2px solid red;box-shadow:0 0 10px #f00c;animation:pulseRed 1.5s infinite alternate}@keyframes pulseRed{0%{box-shadow:0 0 10px #f00c}to{box-shadow:0 0 20px red}}.subscription-card .card-title{font-size:2rem;font-weight:700;margin-bottom:15px}.subscription-card .card-price{font-size:1.6rem;color:#007bff;font-weight:700;margin-bottom:20px}.subscription-card ul{padding:0;list-style:none;margin-bottom:25px}.subscription-card li{font-size:1.2rem;color:#555;margin-bottom:8px}.subscription-card .user-input-group{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.subscription-card .user-input-group label{font-weight:600;font-size:1rem;color:#333}.subscription-card .user-input-group input{width:100px;padding:8px 12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;text-align:center;outline:none;appearance:auto;-webkit-appearance:none;-moz-appearance:textfield}.subscription-card .user-input-group input[type=number]::-webkit-inner-spin-button,.subscription-card .user-input-group input[type=number]::-webkit-outer-spin-button{opacity:1!important;display:block;-webkit-appearance:inner-spin-button!important}.subscription-card .user-input-group input:focus{border-color:#007bff}.subscription-card .total-price{font-size:1.6rem;font-weight:700;color:#007bff}.subscription-card button{border:none;padding:12px 25px;border-radius:5px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.subscription-card button:hover{background-color:#0056b3}.subscription-card .btn-group{display:flex;flex-direction:column;gap:.5rem;align-items:center}.subscription-card .info-text{font-size:1rem;color:#333;margin-top:1rem}.subscription-card .alert-warning{background-color:#fff3cd;color:#856404;padding:12px;border-radius:5px;font-size:.95rem}.subscription-card{width:22rem;border-radius:12px;transition:all .3s ease-in-out;display:flex;flex-direction:column;position:relative;border:1px solid #e0e0e0}.subscription-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a!important}.subscription-card.active{border:2px solid #0d6efd}.subscription-card.cancelled{opacity:.85;position:relative}.card-footer{background:transparent!important}