/* Fresh verification code styling */
.verification-code-display.fresh-code {
    animation: freshCodePulse 2s ease-in-out;
    background-color: #e8f5e8;
    border: 2px solid #4caf50;
    border-radius: 4px;
    padding: 2px 4px;
}

@keyframes freshCodePulse {
    0% {
        background-color: #e8f5e8;
        transform: scale(1);
    }
    50% {
        background-color: #c8e6c9;
        transform: scale(1.05);
    }
    100% {
        background-color: #e8f5e8;
        transform: scale(1);
    }
}

/* Ensure verification code display is visible */
.verification-code-display {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 8px 12px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    transition: all 0.3s ease;
}