/* Phone input states */
#studentPhone.phone-valid {
    border-color: #10b981;
    background-color: #f0fdf4;
}
#studentPhone.phone-invalid {
    border-color: #ef4444;
    background-color: #fef2f2;
}

/* Progress bar complete */
#phoneProgress.progress-complete {
    background: linear-gradient(90deg, #10b981, #059669);
}

/* Modal entrance */
@keyframes modalSlideUp {
    from { opacity: 0; transform: translateY(24px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
.modal-animate {
    animation: modalSlideUp 0.3s ease-out forwards;
}

/* Smooth backdrop */
#modalBackdrop.show {
    opacity: 1;
}

/* Button loading state */
#submitBtn.loading #btnText  { display: none; }
#submitBtn.loading #btnArrow { display: none; }
#submitBtn.loading #btnLoader { display: inline-flex; }

/* Toast slide */
#toast.show {
    opacity: 1;
    transform: translate(-50%, -12px);
    pointer-events: auto;
}