/* Overlay */
#sqp-overlay{
    position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:2147483647;
    display:flex; align-items:center; justify-content:center; padding:16px;
}
#sqp-modal{
    width: 610px; max-width: 96vw; background:#fff; border-radius:14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.25); position:relative; overflow:hidden; z-index:2147483647;
}
#sqp-close{
    position:absolute; right:10px; top:8px; border:0; background:transparent; font-size:24px; cursor:pointer;
    width:32px; height:32px; border-radius:50%; line-height:28px;
}
.sqp-head{
    background: linear-gradient(90deg, #7ec3c8, #9bd087);
    color:#0b2a2e; padding:18px 18px 12px 18px; font-weight:700; font-size:22px;
}
.sqp-title{ display:inline-block; }
.sqp-subtitle{
    padding: 10px 18px 6px 18px; color:#667; font-size:14px; border-bottom:1px solid #eef2f4;
}

#sqp-content{ padding: 14px 18px 22px 18px; }

.sqp-card{ background:#fff; }

.sqp-q-title{ text-align:center; font-weight:700; font-size:18px; margin:8px 0 10px; }

.sqp-option{
    display:block; width:100%; text-align:center;
    background:#f7fafb; border:1px solid #e5eef2; border-radius:10px;
    padding:14px 10px; margin:10px 0; cursor:pointer; font-size:15px; font-weight:600; color:#173a40;
    transition: transform .06s ease, border-color .2s ease;
}
.sqp-option:hover{ transform: translateY(-1px); border-color:#b8d6d6; }

/* Progress vertical */
.sqp-progress-wrap{
    position:relative; height:230px; border-radius:12px; border:1px solid #e5eef2; background:#f8fbfb;
    overflow:hidden; display:flex; align-items:flex-end; justify-content:center; padding: 0 0 14px 0;
}
.sqp-progress-bar{
    position:absolute; left:0; bottom:0; width:6px; height:0%; background: linear-gradient(180deg, #7ec3c8, #9bd087);
    transition: height linear; transition-duration: 4s;
}
.sqp-progress-label{ position:relative; z-index:1; font-weight:600; color:#27444a; }

/* Form */
.sqp-field{ display:block; margin: 8px 0; }
.sqp-field span{ display:block; font-size:13px; color:#456; margin-bottom:4px; }
.sqp-field input{
    width:100%; padding:10px 12px; border-radius:10px; border:1px solid #d9e6ea; outline:none; font-size:14px;
}
.sqp-submit{
    width: 180px; margin:10px auto 0; display:block; background: linear-gradient(90deg, #7ec3c8, #9bd087);
    color:#0b2a2e; border:0; padding:10px 14px; font-weight:700; border-radius:12px; cursor:pointer;
}
.sqp-error{ margin-top:8px; color:#b00020; font-size:13px; text-align:center; }