.processing-container { text-align: center; padding: 40px 20px; }
.result-container { text-align: center; padding: 30px 20px; }
.spinner { width: 50px; height: 50px; border: 4px solid #f3f3f3; border-top: 4px solid #dc3545; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px auto; }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.success-icon { width: 64px; height: 64px; margin: 0 auto 20px auto; color: #28a745; }
.error-icon { width: 64px; height: 64px; margin: 0 auto 20px auto; color: #dc3545; }
.email-badge { border-left: 4px solid #dc3545; border-right: 4px solid #dc3545; padding: 10px 15px; border-radius: 8px; margin-top: 15px; font-size: 14px; }
.email-badge strong { color: #dc3545; }
.form-control:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }