.s10-retention{position:relative;overflow:hidden;padding:48px 0 38px;background:radial-gradient(circle at 86% 10%,rgba(155,92,255,.11),transparent 32%),#050505;color:#f8f8fb}.s10-retention__inner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(38px,5vw,72px);align-items:center;overflow:hidden;padding:clamp(32px,3.5vw,46px);border:1px solid rgba(255,255,255,.12);border-radius:30px;background:radial-gradient(circle at 91% 14%,rgba(155,92,255,.16),transparent 32%),radial-gradient(circle at 5% 105%,rgba(239,78,166,.07),transparent 30%),linear-gradient(135deg,#ffffff09,#ffffff03),#0c0c0f;box-shadow:0 30px 80px #00000061,inset 0 1px #ffffff09}.s10-retention__inner:before{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-90px;top:-155px;border-radius:50%;background:#9b5cff1f;filter:blur(42px);pointer-events:none}.s10-retention__kicker{display:inline-flex;align-items:center;gap:9px;color:#c7a7f6;font:800 10px/1 Outfit,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.s10-retention__kicker:before{content:"";width:26px;height:2px;border-radius:999px;background:linear-gradient(90deg,#9b5cff,#ef4ea6)}.s10-retention h2{max-width:720px;margin:12px 0 10px;color:#f8f8fb;font:900 clamp(28px,3vw,40px)/1.02 Outfit,Arial,sans-serif;letter-spacing:-.045em}.s10-retention p{max-width:650px;margin:0;color:#a9a9b5;font:500 14px/1.5 Mada,system-ui,sans-serif}.s10-retention p b{color:#fff;font-weight:800}.s10-retention__form{align-self:center;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;padding:7px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#050507b8;box-shadow:inset 0 1px #ffffff09,0 18px 45px #00000038;transition:border-color .2s ease,box-shadow .2s ease}.s10-retention__form:focus-within{border-color:#9b5cff9e;box-shadow:0 0 0 3px #9b5cff1a,0 18px 45px #00000042}.s10-retention__form .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.s10-retention__form input{min-width:0;min-height:54px;margin:0;padding:0 16px;border:0;outline:0;border-radius:12px;background:#ffffff09;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0e;font:600 13px/1 Mada,system-ui,sans-serif}.s10-retention__form input::placeholder{color:#fff6}.s10-retention__form input:focus{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff17}.s10-retention__form button{min-width:126px;min-height:54px;margin:0;padding:0 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 34%),linear-gradient(112deg,#9253fb,#b452ed 48%,#ef4ea6);color:#fff;box-shadow:0 4px #511e6fd1,0 13px 30px #9b5cff38,inset 0 1px #ffffff47;transform:translateY(-1px);font:900 11px/1 Outfit,Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.s10-retention__form button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 5px #511e6fd1,0 16px 34px #9b5cff42,inset 0 1px #ffffff4d}.s10-retention__form button:active{transform:translateY(2px);box-shadow:0 1px #511e6fd1,0 8px 20px #9b5cff2e}.s10-retention__status{grid-column:1/-1;padding:4px 6px 1px;color:#9ee0c8;font:700 11px/1.4 Mada,system-ui,sans-serif}@media(max-width:900px){.s10-retention{padding:36px 0 30px}.s10-retention__inner{grid-template-columns:1fr;gap:26px;padding:30px;border-radius:26px}.s10-retention h2{max-width:760px}.s10-retention__form{max-width:680px}}@media(max-width:640px){.s10-retention{padding:28px 0 24px}.s10-retention__inner{gap:22px;padding:22px;border-radius:22px}.s10-retention h2{margin-top:10px;font-size:clamp(27px,9vw,34px)}.s10-retention p{font-size:13px}.s10-retention__form{grid-template-columns:1fr;gap:7px;padding:6px;border-radius:16px}.s10-retention__form input,.s10-retention__form button{min-height:52px;width:100%}.s10-retention__form button{min-width:0}}@media(prefers-reduced-motion:reduce){.s10-retention__form,.s10-retention__form button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/supify-retention-v1.css.map */