.popup-overlay{
    position:fixed;
    inset:0;

    display:none; /* importante */
    justify-content:center;
    align-items:center;

    background:rgba(0,0,0,0.45);
    z-index:9999;
}

.popup-box{
    padding:35px;
    border-radius:16px;
    width:360px;
	max-width:90%;


    /* stesso mood della hero */
    background:linear-gradient(
        180deg,
        #f7fbff 0%,
        #f2f7fb 55%,
        #eef4f8 100%
    );

    /* bordo elegante */
    border:2px solid rgba(90,130,160,0.25);

    /* profondità soft */
    box-shadow:0 15px 40px rgba(0,0,0,0.08);

    position:relative;
	
	backdrop-filter: blur(4px);
}

.popup-box input,
.popup-box textarea{
    width:100%;
    margin-bottom:12px;
    padding:12px;

    border-radius:10px;
    border:1px solid rgba(90,130,160,0.25);

    background:rgba(255,255,255,0.7);

    font-size:0.9rem;
    outline:none;
}

.popup-box h2{
    color:#2c3e50;
    margin-bottom:8px;
}

.popup-box p{
    color:#5a6f80;
    margin-bottom:18px;
}

.popup-box button{
    width:100%;
    padding:12px;

    border:none;
    border-radius:12px;

    font-size:0.95rem;
    font-weight:600;
    letter-spacing:0.05rem;

    cursor:pointer;

    background:none;
    color:#003b44;

    box-shadow:none;

    transition:all 0.2s;
}

.popup-box button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(1,241,254,0.25);
  opacity:0.9;
}

.popup-box button:active{
    transform:scale(0.98);
}

.popup-box button{
    box-shadow:
        0 8px 20px rgba(1,241,254,0.25),
        0 0 10px rgba(1,241,254,0.15);
}