.account-type-card {
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
        border-radius: 2px !important;
    }

    .account-type-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
    }

    .account-type-card.featured {
        border: 2px solid #28a745 !important;
    }

    .account-icon {
        display: inline-block;
    }

    .benefits-list {
        background: #f8f9fa;
        padding: 1.25rem;
        border-radius: 12px;
    }

    .benefits-list ul li {
        font-size: 0.95rem;
        line-height: 1.5;
    }

    @media (max-width: 768px) {
        .account-type-card {
            margin-bottom: 20px;
        }
    }