.opsipop-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.5);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:16px;
    box-sizing:border-box;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
 
.opsipop-overlay.opsipop-show{
    display:flex;
}
 
.opsipop-box{
    position:relative;
    width:100%;
    max-width:460px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 50px rgba(0,0,0,.2);
    padding:52px 26px 24px;
    box-sizing:border-box;
    animation:opsipopIn .3s ease;
}
 
@keyframes opsipopIn{
    from{opacity:0; transform:translateY(16px);}
    to{opacity:1; transform:translateY(0);}
}
 
.opsipop-close{
    position:absolute !important;
    top:16px !important;
    left:16px !important;
    right:auto !important;
    width:32px !important;
    height:32px !important;
    border:none !important;
    border-radius:50% !important;
    background:#f1f5f9 !important;
    color:#000 !important;
    cursor:pointer !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    font-size:20px !important;
    font-weight:700 !important;
    font-family:Arial,sans-serif !important;
    padding:0 !important;
    transition:background .2s;
    z-index:5 !important;
}
 
.opsipop-close:hover{
    background:#e2e8f0 !important;
}
 
.opsipop-box h3{
    margin:0 0 8px;
    font-size:22px;
    font-weight:700;
    color:#0f172a;
}
 
.opsipop-box > p{
    margin:0 0 22px;
    font-size:14.5px;
    color:#64748b;
    line-height:1.5;
}
 
.opsipop-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:14px;
}
 
.opsipop-field input,
.opsipop-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1.5px solid #e2e8f0;
    border-radius:10px;
    padding:13px 14px;
    font-size:14.5px;
    color:#0f172a;
    font-family:inherit;
    outline:none;
    transition:border-color .2s;
    resize:none;
}
 
.opsipop-field input::placeholder,
.opsipop-field textarea::placeholder{
    color:#94a3b8;
}
 
.opsipop-field input:focus,
.opsipop-field textarea:focus{
    border-color:#1e3a5f;
}
 
.opsipop-field textarea{
    min-height:90px;
    margin-bottom:20px;
}
 
.opsipop-submit{
    border:none;
    border-radius:10px;
    background:#12294d;
    color:#fff;
    font-size:14.5px;
    font-weight:600;
    padding:13px 26px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:background .2s;
}
 
.opsipop-submit:hover{
    background:#0d1f3d;
}
 
@media(max-width:520px){
    .opsipop-grid{
        grid-template-columns:1fr;
    }
    .opsipop-box{
        padding:48px 20px 20px;
    }
    .opsipop-box h3{
        font-size:19px;
    }
}