.error {
    border: 1px solid #ff0000 !important;
    background-color: #fff8f8;
}

.error-message {
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
    display: none;
}

.error-message.show {
    display: block;
}

/* Form geçiş animasyonları */
.step-content {
    transition: all 0.3s ease-in-out;
}

.step-content.fade-out {
    opacity: 0;
    transform: translateX(-20px);
}

.step-content.fade-in {
    opacity: 1;
    transform: translateX(0);
}

/* Başarılı alanlar için stil */
.success {
    border: 1px solid #00ff00;
    background-color: #f8fff8;
}

/* Zorunlu alan göstergesi */
.required::after {
    content: "*";
    color: #ff0000;
    margin-left: 4px;
}