.gvuh-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999999;
}

.gvuh-modal-overlay.active{
    display:flex;
}

.gvuh-modal{
    width:520px;
    max-width:95%;
    background:#0f172a;
    border:1px solid #1f2937;
    border-radius:16px;
    padding:20px;
    color:#fff;
}

.gvuh-modal-header{
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
}

.gvuh-modal-close{
    cursor:pointer;
    font-size:20px;
}

.gvuh-modal input,
.gvuh-modal button{
    width:100%;
    margin-top:10px;
    padding:10px;
    border-radius:8px;
    border:1px solid #1f2937;
    background:#111827;
    color:#fff;
}

.gvuh-modal button{
    background:#22c55e;
    cursor:pointer;
}

.gvuh-loading{
    opacity:.6;
    pointer-events:none;
}



.gvuh-modal button[type="submit"]{
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border: 1px solid rgba(34, 197, 94, 0.4);
    color: #fff;
    font-weight: 600;
    letter-spacing: .3px;
    cursor: pointer;
    transition: all .2s ease;
    box-shadow: 0 0 0 rgba(34, 197, 94, 0);
}

/* hover premium */
.gvuh-modal button[type="submit"]:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(34, 197, 94, 0.25);
}

/* active click */
.gvuh-modal button[type="submit"]:active{
    transform: translateY(0px);
    box-shadow: 0 5px 15px rgba(34, 197, 94, 0.2);
}


.gvuh-form-disabled{
    opacity: .6;
    pointer-events: none;
    filter: blur(.2px);
}