/* Styles for iosDown.html */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.gradient-bg {
    background: radial-gradient(circle at top right, #f2daff, transparent),
                radial-gradient(circle at bottom left, #b2f5ec, transparent);
}

.pulse-soft {
    animation: pulse-soft 3s infinite ease-in-out;
}

@keyframes pulse-soft {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.02); opacity: 0.9; }
}

/* Custom styling for the progress line in the instructions */
.step-line::after {
    content: '';
    position: absolute;
    left: 15px;
    top: 32px;
    bottom: -8px;
    width: 2px;
    background: linear-gradient(to bottom, #8429c8, #00bfa5);
    opacity: 0.2;
}