body.offer-locked { overflow: hidden; }
#offer-gate { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 24px; border: 0; background: rgb(3 4 7 / 65%); backdrop-filter: blur(12px); color: #eee; z-index: 10000; box-sizing: border-box; }
#offer-gate[open] { display: flex; align-items: center; justify-content: center; }
#offer-gate::backdrop { background: rgb(3 4 7 / 35%); backdrop-filter: blur(12px); }
.offer-panel { display: flex; flex-direction: column; width: min(460px, 100%); max-height: 100%; background: #101115; border: 1px solid #2a2b30; border-radius: 22px; box-shadow: 0 24px 80px rgb(0 0 0 / 55%); overflow: auto; }
.offer-panel header { padding: 24px 28px 18px; border-bottom: 1px solid #25262b; }
.offer-eyebrow { margin: 0 0 8px; color: #969696; font-size: 12px; letter-spacing: 2px; }
#offer-title { margin: 0 0 12px; color: #fff; font-size: 24px; }
#offer-intro { margin: 0; color: #b7b7ba; font-size: 14px; line-height: 1.6; }
.offer-documents { display: inline-block; margin-top: 16px; color: #e6e6e8; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.offer-documents:hover { color: #fff; }
.offer-panel footer { padding: 18px 28px 24px; border-top: 1px solid #25262b; }
#accept-offer { width: 100%; }
#offer-error { color: #ff9090; margin: 0 0 12px; font-size: 13px; }
.offer-panel button:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
@media (max-width: 600px) { #offer-gate { padding: 12px; } .offer-panel { border-radius: 16px; } .offer-panel header, .offer-panel footer { padding: 18px; } #offer-title { font-size: 22px; } }