
.xb-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid #5dd62c40;background:linear-gradient(130deg,#20301c,#101611);color:#f8f8f8;border-radius:12px;padding:5px 12px;cursor:pointer;font:600 12px inherit}.xb-trigger img{width:32px;height:32px}.xb-trigger small{display:block;font-size:9px;color:#a6bd9d}.xb-trigger b{color:#8aef57}
.xb-banner{display:flex;align-items:center;gap:18px;padding:20px 24px;margin:18px auto;max-width:1100px;border:1px solid #5dd62c35;border-radius:20px;background:radial-gradient(ellipse at 0 0,#5dd62c20,transparent 70%),#111713;color:#f8f8f8;text-align:start}.xb-banner img{width:90px;height:90px}.xb-banner h3{margin:0 0 7px;font-size:19px}.xb-banner p{margin:0;color:#a9b5a6;font-size:12px;line-height:1.7}.xb-banner button{margin-inline-start:auto;white-space:nowrap}
.xb-dialog{padding:0;width:min(460px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:1px solid #5dd62c45;border-radius:26px;background:#101410;color:#f8f8f8;box-shadow:0 32px 100px #0008;text-align:center;font-family:inherit}.xb-dialog::backdrop{background:#030603b8;backdrop-filter:blur(9px)}.xb-close{position:absolute;inset-inline-end:16px;top:16px;width:34px;height:34px;border:1px solid #ffffff18;background:#ffffff09;color:#c6d0c2;border-radius:50%;cursor:pointer;font-size:23px}.xb-hero{padding:22px 20px 4px;background:radial-gradient(ellipse at 50% 25%,#5dd62c30,transparent 70%)}.xb-hero img{width:180px;height:180px}.xb-eyebrow{font-size:10px;letter-spacing:3px;color:#8eaa83}.xb-body{padding:0 28px 28px}.xb-body h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:12px 0}.xb-body h2 b{color:#84ed4b}.xb-body p{font-size:13px;color:#b3c0ad;line-height:1.8}.xb-terms{padding:14px 16px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff04;font-size:11px;line-height:1.9;text-align:start;color:#aab5a5}.xb-primary{display:inline-block;padding:13px 20px;border:0;border-radius:11px;background:#5dd62c;color:#0c1608;font:700 13px inherit;cursor:pointer;text-decoration:none}.xb-dialog .xb-primary{display:block;margin-top:20px}.xb-progress{width:100%;height:7px;border-radius:8px;accent-color:#5dd62c;margin:12px 0}.xb-cash{font-size:11px;color:#8eaa83;margin-top:12px}
@media(max-width:650px){.xb-trigger{padding:3px 6px;gap:3px}.xb-trigger img{width:25px;height:25px}.xb-trigger small{display:none}.xb-trigger{font-size:10px}.xb-banner{margin:12px;gap:10px;padding:14px;flex-wrap:wrap}.xb-banner img{width:57px;height:57px}.xb-banner>div{flex:1;min-width:180px}.xb-banner h3{font-size:15px}.xb-banner button{width:100%}.xb-body{padding-inline:22px}}
html[data-appearance=light] .xb-banner,html[data-appearance=light] .xb-dialog{background:#f8fcf6;color:#17221a;border-color:#cde3c3}html[data-appearance=light] .xb-body p,html[data-appearance=light] .xb-terms,html[data-appearance=light] .xb-banner p{color:#53634d}

.xb-offer-chip{border:1px solid #5dd62c44;background:#5dd62c10;color:inherit;border-radius:8px;padding:8px 12px;margin:0 4px 12px;cursor:pointer}.xb-promo-field input{padding:12px;border:1px solid #5dd62c40;border-radius:10px;background:#121812;color:#f8f8f8}.xb-promo-field .xb-primary:disabled{opacity:.5}

.xb-promo-field label{font-size:12px;color:#a5b1a1}.xb-promo-field input{min-height:44px;outline:none;background:#0d120f!important;border:1px solid #34452f!important;color:#f8f8f8!important;border-radius:10px!important;padding:12px!important;box-sizing:border-box}.xb-promo-field input:focus{border-color:#5dd62c!important;box-shadow:0 0 0 3px #5dd62c15}.xb-promo-field p:empty{display:none}.xb-promo-field .xb-primary{min-width:75px}
