/* Tło modala */
    .modal {
        display: none; /* ukryty domyślnie */
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
		align-items: center;
        justify-content: center;
		z-index: 9999;
    }

    /* Okno modala */
    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 10px;
        border-radius: 8px;
        width: 300px;
		text-align: center;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        animation: fadeIn 0.3s ease-in-out;
    }

    /* Animacja wejścia */
    @keyframes fadeIn {
        from {opacity: 0; transform: scale(0.9);}
        to {opacity: 1; transform: scale(1);}
    }