.spp-overlay{background:rgb(var(--color-primary-deep-rgb)/.45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.spp-container{width:100%;max-width:820px;box-shadow:0 0 0 1px rgb(var(--color-primary-dark-rgb)/.1),0 32px 64px -16px rgb(var(--color-primary-deep-rgb)/.2),0 8px 24px -8px #00000014;background:#fff;border-radius:28px;position:relative;overflow:hidden}.spp-close{z-index:20;background:rgb(var(--color-primary-dark-rgb)/.08);border:1px solid rgb(var(--color-primary-dark-rgb)/.2);width:32px;height:32px;color:var(--color-primary-dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .25s;display:flex;position:absolute;top:16px;right:16px}.spp-close:hover{background:rgb(var(--color-primary-dark-rgb)/.15);transform:rotate(90deg)}.spp-slide{flex-direction:column;min-height:380px;display:flex}@media (min-width:640px){.spp-slide{flex-direction:row;min-height:420px}}.spp-text-side{flex-direction:column;justify-content:center;gap:18px;width:100%;padding:44px 52px;display:flex}.spp-badge{background:rgb(var(--color-primary-dark-rgb)/.1);width:fit-content;color:var(--color-primary-dark);letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-block}.spp-title{color:#0f172a;margin:0;font-size:28px;font-weight:800;line-height:1.2}@media (min-width:640px){.spp-title{font-size:30px}}.spp-desc{color:#475569;margin:0;font-size:15px;line-height:1.65}.spp-btn-primary{background:linear-gradient(var(--color-gradient-space)135deg,var(--color-primary),var(--color-primary-dark));color:#fff;cursor:pointer;box-shadow:0 6px 20px rgb(var(--color-primary-dark-rgb)/.25);border:none;border-radius:14px;padding:16px 28px;font-size:15px;font-weight:700;transition:all .3s}.spp-btn-primary:hover{box-shadow:0 10px 28px rgb(var(--color-primary-dark-rgb)/.35);filter:brightness(1.05);transform:translateY(-2px)}.spp-btn-secondary{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:14px;padding:13px 28px;font-size:14px;font-weight:500;transition:all .2s}.spp-btn-secondary:hover{background:rgb(var(--color-primary-dark-rgb)/.05);color:var(--color-primary-dark);border-color:rgb(var(--color-primary-dark-rgb)/.3)}.spp-dots{border-top:1px solid rgb(var(--color-primary-dark-rgb)/.08);background:rgb(var(--color-primary-subtle-rgb)/.6);justify-content:center;gap:8px;padding:14px 0 18px;display:flex}.spp-dot{background:rgb(var(--color-primary-dark-rgb)/.2);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.spp-dot-active{background:linear-gradient(var(--color-gradient-space)90deg,var(--color-primary),var(--color-primary-dark));border-radius:4px;width:28px}@keyframes sppFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}