.bonus-popup{position:fixed;z-index:54;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,15,12,.68);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;overflow:hidden}.bonus-popup.is-open{opacity:1;visibility:visible}
.bonus-popup__box{position:relative;width:min(930px,calc(100vw - 40px));min-height:512px;padding:44px 350px 44px 54px;overflow:hidden;border:1px solid rgba(37,80,70,.23);border-radius:31px;background:linear-gradient(145deg,#f6f4ee,#e4eae4);box-shadow:0 32px 90px rgba(0,0,0,.34);color:#253c37;transform:translateY(18px) scale(.985);transition:transform .3s ease}.bonus-popup.is-open .bonus-popup__box{transform:translateY(0) scale(1)}.bonus-popup__box:before{content:'';position:absolute;top:-130px;right:-130px;width:340px;height:340px;border:1px solid rgba(37,164,139,.2);border-radius:50%;box-shadow:0 0 0 34px rgba(37,164,139,.055),0 0 0 68px rgba(37,164,139,.03)}
.bonus-popup__close{position:absolute;z-index:4;top:15px;right:17px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(23,57,49,.08);color:#245147;cursor:pointer;font-size:29px;line-height:1}.bonus-popup__close:hover{background:rgba(23,57,49,.16)}.bonus-popup__topline{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#278b77;font-size:12px;font-weight:800;letter-spacing:.1em}.bonus-popup__topline i{width:38px;height:2px;background:currentColor}
.bonus-popup__heading{position:static;z-index:2}.bonus-popup h2{position:relative;z-index:2;margin:0 0 16px;font-size:40px;line-height:1.05;letter-spacing:-.05em}.bonus-popup h2 span{display:block}.bonus-popup h2 strong{color:#239d86}.bonus-title__mobile-break{display:none}.bonus-popup__art{position:absolute;z-index:2;top:50%;right:-18px;width:428px;height:428px;object-fit:contain;filter:hue-rotate(16deg) saturate(.86) brightness(.93) drop-shadow(0 20px 18px rgba(14,65,55,.24));transform:translateY(-50%) rotate(7deg)}.bonus-popup__intro{position:relative;z-index:2;max-width:525px;margin:0 0 20px;color:#59716a;font-size:16px;line-height:1.4}
.bonus-timer{position:relative;z-index:2;margin:0 0 20px;padding:13px 15px 15px;border:1px solid rgba(37,133,113,.22);border-radius:20px;background:linear-gradient(140deg,rgba(255,255,255,.78),rgba(224,243,236,.72));box-shadow:inset 0 1px rgba(255,255,255,.78),0 10px 20px rgba(17,77,63,.08)}.bonus-timer__label{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#3d7165;font-size:12px;font-weight:800;letter-spacing:.04em}.bonus-timer__label:before{content:'';width:8px;height:8px;border-radius:50%;background:#2ab498;box-shadow:0 0 0 5px rgba(42,180,152,.13)}.bonus-timer__numbers{display:flex;align-items:center;gap:7px}.bonus-timer__numbers>span{display:grid;min-width:66px;place-items:center;padding:7px 5px 6px;border:1px solid rgba(58,127,111,.26);border-radius:12px;background:linear-gradient(160deg,#365c51,#1e3e35);box-shadow:inset 0 1px rgba(255,255,255,.16),0 5px 12px rgba(15,49,41,.13);color:#fff}.bonus-timer__numbers b{font-size:23px;line-height:1;font-variant-numeric:tabular-nums}.bonus-timer__numbers small{margin-top:3px;color:#bde3d8;font-size:9px;font-weight:800;letter-spacing:.04em}.bonus-timer__numbers>i{color:#239d86;font-size:21px;font-style:normal;font-weight:800}
.bonus-form{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:12px;align-items:start}.bonus-phone{position:relative;min-height:87px}.bonus-phone label{position:absolute;z-index:1;top:20px;left:20px;color:#7c8985;font-size:16px;pointer-events:none;transition:.18s ease}.bonus-phone input{width:100%;height:67px;padding:20px;border:1px solid rgba(37,133,113,.18);border-radius:17px;outline:0;background:#fff;color:#23483f;font:inherit;font-size:17px}.bonus-phone input::placeholder{color:transparent}.bonus-phone.is-floating input::placeholder{color:transparent!important;opacity:0!important}.bonus-phone.is-floating label{top:-8px;left:12px;padding:0 2px;background:transparent;color:#278b77;font-size:11px;font-weight:700;text-shadow:-3px 0 #edf0eb,3px 0 #edf0eb}.bonus-phone.is-focused input{border-color:#37af96;box-shadow:0 0 0 3px rgba(55,175,150,.14)}.bonus-phone.has-error input{border-color:#bd4d4d}.bonus-phone__error{position:absolute;top:70px;left:8px;margin:0;color:#a53131;font-size:11px;line-height:1.2}.bonus-form__submit{min-height:67px;padding:13px 18px;border:1px solid rgba(20,123,103,.7);border-radius:17px;background:linear-gradient(120deg,#4bcdb0,#1da88d 52%,#137d69);box-shadow:inset 0 2px 2px #ffffffaa,inset 0 -2px 6px #0e6b5c70,0 10px 20px rgba(32,185,154,.22);color:#fff;cursor:pointer;font:800 15px/1.12 Manrope,Arial,sans-serif;transition:transform .18s ease,filter .18s ease;animation:turquoise-pulse 1s infinite}.bonus-form__submit:hover{filter:brightness(1.05);transform:translateY(-2px)}.bonus-form__submit:disabled{cursor:wait;filter:saturate(.45);transform:none;animation:none}
.theme--b .bonus-popup__box{border-color:rgba(124,218,194,.3);background:linear-gradient(145deg,#19342e,#0e1d19);box-shadow:0 32px 90px rgba(0,0,0,.64);color:#effff9}.theme--b .bonus-popup__box:before{border-color:rgba(97,207,180,.2);box-shadow:0 0 0 34px rgba(67,188,160,.06),0 0 0 68px rgba(67,188,160,.03)}.theme--b .bonus-popup__close{background:rgba(228,255,247,.1);color:#eafff8}.theme--b .bonus-popup__close:hover{background:rgba(228,255,247,.18)}.theme--b .bonus-popup__intro{color:#bfd5ce}.theme--b .bonus-timer{border-color:rgba(125,219,196,.27);background:linear-gradient(140deg,rgba(16,50,42,.93),rgba(5,25,20,.82));box-shadow:inset 0 1px rgba(255,255,255,.08)}.theme--b .bonus-timer__label{color:#c0d8d1}.theme--b .bonus-timer__numbers>span{border-color:rgba(157,213,199,.58);background:linear-gradient(160deg,#f7fbf8,#dcece5);box-shadow:inset 0 1px rgba(255,255,255,.86),0 5px 12px rgba(0,0,0,.13);color:#183a31}.theme--b .bonus-timer__numbers small{color:#42675d}.theme--b .bonus-phone input{border-color:rgba(125,219,196,.27);background:#0a1714;color:#f0fffa}.theme--b .bonus-phone.is-floating label{color:#8de3cd;text-shadow:-3px 0 #17302a,3px 0 #17302a}.theme--b .bonus-phone.is-focused input{border-color:#71d4bb;box-shadow:0 0 0 3px rgba(98,207,179,.16)}
@media (max-width:720px){.bonus-popup{padding:12px;place-items:center}.bonus-popup__box{width:min(100%,400px);min-height:0;padding:34px 17px 17px;border-radius:24px;overflow:hidden}.bonus-popup__topline{margin-bottom:10px;font-size:9px}.bonus-popup__heading{position:relative;min-height:116px}.bonus-popup h2{max-width:61%;margin-bottom:10px;font-size:29px;line-height:1.02}.bonus-popup h2 span:nth-child(3){max-width:180px}.bonus-title__mobile-break{display:block}.bonus-popup__art{right:-6px;top:-14px;width:144px;height:144px;filter:hue-rotate(16deg) saturate(.86) brightness(.93) drop-shadow(0 12px 12px rgba(14,65,55,.2));transform:rotate(7deg)}.bonus-popup__intro{max-width:100%;margin-bottom:13px;font-size:12px;line-height:1.32}.bonus-timer{margin-bottom:13px;padding:10px;border-radius:15px}.bonus-timer__label{margin-bottom:7px;font-size:10px}.bonus-timer__numbers{justify-content:space-between;gap:3px}.bonus-timer__numbers>span{min-width:0;flex:1;padding:6px 3px}.bonus-timer__numbers b{font-size:17px}.bonus-timer__numbers small{font-size:7px}.bonus-timer__numbers>i{font-size:15px}.bonus-form{grid-template-columns:1fr;gap:7px}.bonus-phone{min-height:79px}.bonus-phone label{top:19px;left:17px;font-size:15px}.bonus-phone input{height:61px;padding:18px 17px;border-radius:15px;font-size:16px}.bonus-phone.is-floating label{top:-7px;font-size:10px}.bonus-phone__error{top:64px}.bonus-form__submit{min-height:61px;border-radius:15px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.bonus-popup,.bonus-popup__box,.bonus-form__submit{transition:none;animation:none}}