.oct-promo{--oct-surface:#162238;--oct-line:#94afff29;--oct-line-strong:#94afff4d;--oct-text:#f2f6ff;--oct-muted:#a9b6d0;--oct-brand:#0c4bff;border:1px solid var(--oct-line-strong);background:#0f172a;border-radius:24px;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 2rem);overflow:hidden;box-shadow:0 40px 90px -30px #000000d9}.oct-promo__panel{flex-direction:column;display:flex;overflow-y:auto}.oct-promo__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050914b8}.oct-promo__banner{aspect-ratio:16/8;position:relative;overflow:hidden}.oct-promo__banner img{-o-object-fit:cover;object-fit:cover;-o-object-position:35% 50%;object-position:35% 50%;width:100%;height:100%}.oct-promo__banner-fade{background:linear-gradient(#0f172a1a,#0f172af2);position:absolute;inset:0}.oct-promo__close{top:10px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080d1a8c;border-radius:999px;min-width:44px;min-height:44px;position:absolute;inset-inline-end:10px}.oct-promo__close:hover{background:#080d1acc}.oct-promo__badge{bottom:14px;border:1px solid var(--oct-line-strong);color:#e2eaff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#315eff38;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;display:inline-flex;position:absolute;inset-inline-start:20px}.oct-promo__body{padding:20px}.oct-promo__title{color:var(--oct-text);font-size:22px;font-weight:700;line-height:1.45}.oct-promo__text{color:var(--oct-muted);margin-top:10px;font-size:14px;line-height:2}.oct-promo__timer{border:1px solid var(--oct-line);background:var(--oct-surface);border-radius:16px;margin-top:18px;padding:14px}.oct-promo__timer-label{color:var(--oct-muted);font-size:12px}.oct-promo__timer-grid{direction:ltr;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.oct-promo__cell{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.oct-promo__cell-value{color:var(--oct-text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:22px;font-weight:700}.oct-promo__cell-label{color:var(--oct-muted);font-size:11px}.oct-promo__cell--live{background:#b4232c}.oct-promo__cell--live .oct-promo__cell-label,.oct-promo__cell--live .oct-promo__cell-value{color:#fff}.oct-promo__actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.oct-promo__cta{color:#fff;background:linear-gradient(135deg,var(--oct-brand) 0,#4d76ff 100%);min-height:48px}.oct-promo__cta,.oct-promo__later{border-radius:12px;justify-content:center}.oct-promo__later{min-height:44px;color:var(--oct-muted)}.oct-promo__later:hover{color:var(--oct-text);background:#ffffff0f}@media (width<=640px){.oct-promo{width:100%;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:24px 24px 0 0;top:auto;bottom:0;transform:translate(-50%)}}