#loginModal .modal-content {
    background-image: url('/images/modal-texture.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fdfdfd; /* базовий білий фон */
    background-blend-mode: lighten;
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4px);
    padding: 1rem;
}
@media (max-width: 576px) {
    #loginModal .modal-content {
        background-size: contain;
        padding: 0.75rem;
    }
}