.offer-panel{max-width:560px;margin:12px auto;padding:28px;background:#fff;border:1px solid #dae5f3;border-radius:20px;text-align:left;color:#192e50;box-shadow:0 12px 36px #263d6810;box-sizing:border-box}
.offer-eyebrow{color:#285ac0;font-size:13px;font-weight:700;margin-bottom:10px}
.offer-panel h1{margin:0;font-size:26px;line-height:1.35;letter-spacing:-.03em}
.offer-intro{margin:12px 0 20px;color:#51627b;font-size:15px;line-height:1.75}
.offer-price-card{border:1px solid #bcd1fa;background:#f0f5ff;border-radius:14px;padding:18px}
.offer-plan{font-size:13px;font-weight:700;color:#254c90}
.offer-amount{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;color:#215be0;margin:8px 0}
.offer-amount>span{font-size:24px;font-weight:700}
.offer-amount strong{font-family:system-ui,sans-serif;font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-.04em}
.offer-amount b{font-size:16px;color:#304b76;font-weight:600;margin-left:5px}
.offer-price-card p{margin:10px 0 0;font-size:12px;color:#526580;line-height:1.6}
.offer-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin:24px 0}
.offer-benefits>div{display:flex;align-items:flex-start;gap:9px;min-width:0}
.offer-benefits .ui-icon{width:22px;height:22px;flex-shrink:0;color:#2865d8}
.offer-benefits strong{display:block;font-size:14px}
.offer-benefits small{display:block;font-size:12px;color:#536780;line-height:1.6;margin-top:4px}
.offer-cta{width:100%;min-height:50px;font-size:16px;border:0;white-space:normal}
.offer-assurance{margin:10px 0 4px;color:#526580;text-align:center;font-size:12px;line-height:1.6}
.offer-login,.offer-back{display:flex;justify-content:center;align-items:center;min-height:44px;width:100%;padding:8px;box-sizing:border-box;border:0;background:none;color:#315f9e;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.offer-back{color:#58697f}
.offer-login:hover,.offer-back:hover{text-decoration:underline}
.offer-modal{position:relative;max-height:calc(100dvh - 32px);overflow-y:auto}
.offer-modal h1{padding-right:20px}
.offer-close{position:absolute;right:12px;top:12px;min-width:44px;min-height:44px}
@media(max-width:768px){.offer-panel{margin:0 auto;padding:22px 18px;max-width:100%}.offer-panel h1{font-size:24px}.offer-intro{font-size:14px;margin-bottom:16px}.offer-amount strong{font-size:48px}.offer-benefits{gap:16px 10px;margin:20px 0}.offer-benefits small{font-size:12px}.offer-modal{padding-top:28px}}
@media(max-width:359px){.offer-benefits{grid-template-columns:1fr}.offer-panel h1{font-size:22px}}