html {
    scroll-behavior: smooth;
}

body {
    background: linear-gradient(135deg, #f0f4f8 0%, #e8eef3 50%, #dfe7ed 100%);
    background-attachment: fixed;
}

.glass-effect {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

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

.animate-fadeIn {
    animation: fadeIn 0.6s ease-out;
}

.step-indicator {
    transition: all 0.3s ease;
}

.step-line {
    transition: all 0.3s ease;
}

/* Plan cards */
.plan-card {
    transition: all 0.3s ease;
    cursor: pointer;
}

.plan-card:not(.opacity-50):hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}

.plan-card.opacity-50:hover {
    opacity: 0.7;
    filter: grayscale(0);
}

.plan-card.selected {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15), 0 12px 24px rgba(59, 130, 246, 0.12);
    transform: scale(1.05);
}

.popular-badge {
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
}