.offers-page { color:#302635; background:#faf8fb; }
.offers-hero { padding:72px 0; background:radial-gradient(ellipse at 85% 20%,#e4cbe2,transparent 55%),#f1e8f2; border-bottom:1px solid #e6dbe8; }
.offers-eyebrow { display:block; color:#74255f; font-size:12px; font-weight:700; letter-spacing:1.7px; margin-bottom:16px; }
.offers-hero h1 { font-size:clamp(36px,5vw,60px); line-height:1.12; font-weight:800; letter-spacing:-1.5px; color:#302635; margin-bottom:22px; }
.offers-hero p { max-width:570px; font-size:17px; line-height:1.7; color:#67556e; margin-bottom:28px; }
.offers-primary { display:inline-flex; align-items:center; gap:22px; padding:15px 22px; min-height:50px; background:#74255f; color:#fff !important; border-radius:11px; font-weight:700; text-decoration:none; }
.offers-primary:hover { background:#552047; text-decoration:none; }
.offers-content { padding-top:56px; padding-bottom:64px; }
.offers-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:26px; }
.offers-page h2 { color:#302635; font-size:30px; font-weight:750; line-height:1.3; }
.offers-heading .offers-eyebrow { margin-bottom:10px; }
.offers-heading p { color:#706575; font-size:15px; }
.offers-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.offers-card { display:flex; flex-direction:column; border:1px solid #e1d5e5; border-radius:20px; padding:28px; background:#fff; box-shadow:0 6px 22px #30263508; transition:box-shadow .2s,transform .2s; }
.offers-card:hover { box-shadow:0 14px 32px #30263515; transform:translateY(-2px); }
.offers-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.offers-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#f4eaf2; color:#74255f; border-radius:14px; font-size:21px; }
.offers-tag { border-radius:20px; padding:7px 12px; background:#faf5fb; color:#67556e; font-size:12px; font-weight:650; }
.offers-amount { font-size:42px; font-weight:800; color:#74255f; line-height:1.2; margin-bottom:16px; }
.offers-amount span { font-size:16px; letter-spacing:1px; }
.offers-card h3 { color:#302635; font-size:23px; font-weight:750; margin:0 0 10px; }
.offers-card > p { font-size:15px; color:#706575; line-height:1.7; margin-bottom:26px; flex:1; }
.offers-code-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:20px; border-top:1px dashed #d7c3d5; }
.offers-code-row code { color:#49374f; font-size:16px; font-weight:750; letter-spacing:.5px; }
.offers-code-row button { padding:12px 16px; min-height:46px; border:1px solid #d7c3d5; border-radius:10px; background:#f7eff6; color:#74255f; font-weight:700; cursor:pointer; }
.offers-code-row button:hover { background:#74255f; color:#fff; }
.offers-status { min-height:24px; margin:16px 0 0; color:#74255f; font-size:14px; }
.offers-note { font-size:13px; color:#706575; line-height:1.6; }
.offers-how { padding:30px; margin-top:36px; background:#f1e8f2; border-radius:20px; }
.offers-how h2 { font-size:25px; margin-bottom:24px; }
.offers-how ol { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.offers-how li { display:flex; gap:12px; }
.offers-how li > span { width:32px; height:32px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; background:#74255f; font-weight:700; }
.offers-how h3 { font-size:16px; color:#302635; font-weight:700; }
.offers-how p { color:#706575; font-size:14px; line-height:1.6; margin:0; }
.offers-page a:focus-visible,.offers-page button:focus-visible { outline:3px solid #b988a9; outline-offset:4px; }
@media(max-width:767px) { .offers-hero { padding:44px 0; } .offers-content { padding-top:36px; padding-bottom:36px; } .offers-heading { display:block; } .offers-grid,.offers-how ol { grid-template-columns:1fr; } .offers-card { padding:24px; } .offers-how { padding:24px; } .offers-code-row code { font-size:14px; } .offers-code-row button { padding:12px; font-size:14px; } }
@media(prefers-reduced-motion:reduce) { .offers-card { transition:none; transform:none !important; } }