.ot-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;padding:18px 20px;border:1px solid #d7b46c30;border-radius:16px;background:linear-gradient(125deg,#36302788,#0b0d10)}
.ot-intro strong{color:#edcf8e;font-size:16px}.ot-intro p{margin:7px 0 0;color:#a6a29a;font-size:12px;line-height:1.6}.ot-intro button{flex-shrink:0}
.ot-layout{display:grid;grid-template-columns:156px minmax(0,1fr);gap:22px;align-items:start}.ot-content{min-width:0}.ot-tabs{position:sticky;top:calc(12px + env(safe-area-inset-top,0px));display:grid;gap:10px}
.ot-tabs button{padding:15px 10px;min-height:46px;border:1px solid #ffffff1a;border-radius:12px;background:linear-gradient(#292a2d,#101215);box-shadow:inset 0 1px #ffffff10;color:#c4c0b8;font-weight:650;font-size:14px}
.ot-tabs button.is-active{color:#21190e;background:linear-gradient(120deg,#f5dfa6,#d7ad58);border-color:#edcf8e;box-shadow:inset 0 1px #fff7,0 3px 14px #bd904b26}
.ot-status{margin:0 0 13px;min-height:18px;color:#b6ab94;font-size:12px;line-height:1.6}.ot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ot-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dfc68c32;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 10% 0,#ffffff0c,transparent 65%),linear-gradient(155deg,#222326,#090b0e 78%);box-shadow:inset 0 1px #ffffff14,0 12px 25px #0003}
.ot-card.ot-ready{border-color:#e7c16d99;box-shadow:inset 0 1px #fff3,0 0 24px #b3883420}.ot-card-body{padding:22px;flex:1}.ot-card-heading{display:flex;gap:13px;align-items:center}.ot-card-heading>div{min-width:0}.ot-card-heading h3{margin:0 0 8px;font-size:18px;line-height:1.35;color:#eee6d7;overflow-wrap:anywhere}.ot-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #dec4823b;border-radius:13px;color:#e7c16d;background:linear-gradient(135deg,#4c443433,#0b0d10);box-shadow:inset 0 1px #ffffff16}.ot-icon svg{width:25px;height:25px}
.ot-state{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;background:#bb945522;color:#d2b380;font-size:11px}.ot-state i{width:5px;height:5px;background:currentColor;border-radius:50%}.ot-ready .ot-state{background:#d2a64e33;color:#f3d69b}.ot-claimed{color:#8ec9a5;background:#60b3851f}
.ot-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#b4afa5;font-size:13px;line-height:1.7;margin:15px 0}.ot-progress-title{display:flex;justify-content:space-between;gap:8px;color:#a7a197;font-size:12px;margin:22px 0 8px}.ot-progress-title strong{font-size:12px;color:#ded7c8}
#page-offers progress{appearance:none;display:block;border:0;border-radius:20px;overflow:hidden;width:100%;height:5px;background:#343438;color:#dbb66b}#page-offers progress::-webkit-progress-bar{background:#343438;border-radius:20px}#page-offers progress::-webkit-progress-value{background:linear-gradient(90deg,#ba8d44,#f3d899);border-radius:20px}#page-offers progress::-moz-progress-bar{background:#dbb66b;border-radius:20px}#page-offers .ot-progress{height:8px}.ot-conditions{display:grid;gap:12px;margin:15px 0 19px}.ot-condition>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#ada89e;margin:0 0 6px}.ot-condition strong{color:#d9d1c1;font-weight:500;white-space:nowrap}.ot-condition.is-complete strong{color:#8ec9a5}
.ot-reward{display:flex;justify-content:space-between;align-items:center;padding:15px 14px;gap:12px;border:1px solid #dec48b20;border-radius:10px;background:linear-gradient(110deg,#b18c4521,#ffffff07)}.ot-reward>span{display:flex;gap:7px;align-items:center;color:#d5be8c;font-size:13px}.ot-reward svg{width:18px;height:18px}.ot-reward strong{color:#f2d28c;font-size:25px;font-variant-numeric:tabular-nums}.ot-time{margin-top:13px;padding:10px;border-radius:8px;background:#ffffff06;color:#99968f;font-size:12px}
.ot-cta{width:100%;min-height:48px;border:0;border-top:1px solid #f3dca955;background:linear-gradient(100deg,#edd29a,#d2a55a);color:#291f10;font-size:15px;font-weight:700}.ot-cta:disabled{background:linear-gradient(#38352e,#25231f);color:#948876;border-color:#ffffff0a;cursor:default}.ot-empty{grid-column:1/-1;padding:60px 14px;border:1px solid #d7b46c30;border-radius:14px;color:#b1a996;text-align:center}.ot-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0;color:#b1a996;font-size:13px}
.bh-refined-theme .bh-surface[data-variant="mobile"] .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.ot-tabs button:focus-visible,.ot-cta:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}
@media(min-width:1500px){.ot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ot-layout{grid-template-columns:82px minmax(0,1fr);gap:10px}.ot-grid{grid-template-columns:minmax(0,1fr);gap:14px}.ot-tabs{gap:9px}.ot-tabs button{padding:13px 4px;font-size:12px;border-radius:10px}.ot-card{border-radius:14px}.ot-card-body{padding:15px 12px}.ot-card-heading{gap:9px}.ot-card-heading h3{font-size:16px}.ot-icon{width:39px;height:39px;border-radius:11px}.ot-icon svg{width:21px;height:21px}.ot-intro{padding:13px 12px;gap:8px;border-radius:12px;margin-bottom:16px}.ot-intro strong{font-size:13px}.ot-intro p{font-size:10px}.ot-intro button{font-size:11px;padding:9px}.ot-progress-title{margin-top:17px;font-size:11px}.ot-progress-title strong{font-size:10px}.ot-condition>div{font-size:10px;flex-wrap:wrap;gap:3px}.ot-reward{padding:12px 10px}.ot-reward strong{font-size:22px}.ot-reward>span{font-size:11px}.ot-status{font-size:10px}.ot-description{font-size:12px}.ot-pagination{gap:8px;font-size:11px}.ot-pagination button{font-size:11px;padding:8px}.ot-time{font-size:10px}.ot-cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){#page-offers *{scroll-behavior:auto;transition:none}}