/* ===== OPEN BUTTON STYLE ===== */
.sp-open-btn{
 background:linear-gradient(90deg,#ec4899,#2563eb);
 color:white!important;
 padding:14px 32px;
 border-radius:999px;
 border:none;
 font-weight:600;
 box-shadow:0 8px 24px rgba(37,99,235,.35);
 transition:.3s;
}
.sp-open-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(236,72,153,.45)}

/* ===== POPUP ===== */
#sppOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);z-index:99999}
#sppBox{background:#fff;max-width:460px;margin:5% auto;padding:26px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.4);text-align:center;transform:scale(.9);opacity:0;transition:.3s}
#sppOverlay.active #sppBox{transform:scale(1);opacity:1}
#sppClose{float:right;font-size:22px;cursor:pointer}
.spp-sub{color:#6b7280;font-size:14px;margin-bottom:10px}

.sppForm input,.sppForm textarea{width:100%;padding:12px;margin-top:10px;border-radius:12px;border:1px solid #e5e7eb}
.sppForm button{margin-top:15px;width:100%;padding:12px;border:none;border-radius:30px;background:linear-gradient(90deg,#ec4899,#2563eb);color:white;font-size:16px}

.spp-tabs{display:flex;gap:10px;margin-bottom:10px}
.spp-tabs button{flex:1;padding:10px;border-radius:999px;border:1px solid #e5e7eb;background:#f3f4f6;font-weight:600}
.spp-tabs .active{background:linear-gradient(90deg,#ec4899,#2563eb);color:white;border:none}