.details-offer{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px;border:1px solid #b8d8f5;border-radius:22px;background:linear-gradient(115deg,#e7f2ff 0%,#d9eaff 55%,#cce3ff 100%);box-shadow:0 8px 26px #236fc013;overflow:hidden;text-align:left}
.details-offer::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-120px;top:-150px;border:44px solid #ffffff38;border-radius:50%;pointer-events:none}
.details-eyebrow{display:block;color:#33618b;font-size:10px;font-weight:800;letter-spacing:.09em;margin-bottom:12px}
.details-copy h2{font:700 clamp(20px,2.6vw,26px)/1.3 Manrope,sans-serif;letter-spacing:-.035em;color:#123b60;margin:0 0 12px}
.details-copy p{max-width:440px;margin:0;color:#365873;font-size:13px;line-height:1.65}
.details-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.details-tags span{padding:6px 9px;border:1px solid #ffffffb3;border-radius:8px;background:#ffffff70;color:#284e70;font-size:10px;font-weight:700}
.details-action{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:205px}
.details-button{width:100%;min-height:54px;padding:15px 21px;border:1px solid #1262d6;border-radius:13px;background:linear-gradient(135deg,#1674f4,#0758c8);box-shadow:0 7px 16px #0861d52e,inset 0 1px #ffffff33;color:#fff;font-size:15px;font-weight:800;gap:14px;transition:background .18s,box-shadow .18s,transform .18s}
.details-button:hover{background:#0757c4;box-shadow:0 9px 20px #0861d53d;transform:translateY(-1px)}
.details-button:focus-visible{outline:3px solid #123b60;outline-offset:4px}
.details-button span{font-size:23px;line-height:1}
.details-channel{color:#365873;font-size:10px;text-align:center}
@media(max-width:600px){.details-offer{grid-template-columns:1fr;padding:23px 20px;gap:22px;border-radius:18px;text-align:left}.details-copy h2{font-size:24px}.details-copy p{font-size:13px}.details-action{width:100%;min-width:0}.details-button{min-height:54px;font-size:16px}.details-tags{margin-top:14px}.details-eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.details-button{transition:none}.details-button:hover{transform:none}}