[x-cloak] {
    display: none !important;
}

.plan-card {
    transition: all 0.3s ease;
}

.plan-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.recommended-badge {
    animation: pulse 2s infinite;
}

.toast {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.toast.show {
    transform: translateX(0);
}

.payment-summary {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
}