/* Styles for auth System */

.login-bg {
    background: linear-gradient(135deg, #0C0F26 0%, #1C6AB7 100%);
}
.login-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
}
.btn-login {
    background: linear-gradient(135deg, #1C6AB7 0%, #0C0F26 100%);
    transition: all 0.3s ease;
}
.btn-login:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(28, 106, 183, 0.3);
}
.input-field {
    transition: all 0.3s ease;
}
.input-field:focus {
    border-color: #1C6AB7;
    box-shadow: 0 0 0 3px rgba(28, 106, 183, 0.1);
}
.notification {
    animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}