.auth-card {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.auth-logo {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
    transition: transform 0.3s ease;
}

.auth-logo:hover {
    transform: scale(1.05);
}

.input-group-text {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: var(--cevia-blue);
}

.form-control:focus {
    border-color: var(--cevia-blue);
    box-shadow: 0 0 0 0.25rem rgba(10, 135, 195, 0.15);
}
