.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 76, 237, 0.1);
}
.text-glow {
    text-shadow: 0 0 15px rgba(0, 82, 255, 0.3);
}
.church-bg {
    background-image: linear-gradient(to right, rgba(247, 249, 251, 0.95), rgba(247, 249, 251, 0.2)), url(https://lh3.googleusercontent.com/aida-public/AB6AXuC-4wHTyfOJjEL-dwO8gmQtvJHrb-t_ffd8-PRKmaMkOcpf43T7-GjXukoCd4FrXN6AfM-rfS866nqzE1Lb1UkuvzUNI9YK-KKbs2RkvItxAJk2-Ws5XnS8WlLhPDtA2asNP-9EKfXHaOlkf2ALhW1vRbX7g3qz0ucGCPMMjixUm7DNkFycD2aPwNxQk3EuBdkT4cT1UQx3WbURVjx1w6taO4nrgdg_7sKAcvyu3dqg-rcq0j8Nwofl668_Dcq7lIQlA9MjJILbUnk);
    background-size: cover;
    background-position: center;
}
.ai-pulse {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 82, 255, 0.4);
    } 70% {
        box-shadow: 0 0 0 15px rgba(0, 82, 255, 0);
    } 100% {
        box-shadow: 0 0 0 0 rgba(0, 82, 255, 0);
    }
}

/* Sequential Reveal Animation */
.sequential-reveal-item {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.sequential-reveal-item.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Phone Mockup Styling */
.phone-mockup {
    position: relative;
    border: 12px solid #1e293b;
    border-radius: 40px;
    background: #000;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.phone-mockup::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 25px;
    background: #1e293b;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 40;
}