.offers-page {
  background-color: #faf8f7;
  background-image: linear-gradient(to bottom, rgba(255,255,255,.15), rgba(250,248,247,.55) 620px, #fcfaff 1100px), url('/assets/images/hero-background-v1.webp');
  background-position: center top;
  background-size: 100% 1100px, auto 1050px;
  background-repeat: no-repeat;
}
.offers-page .offers-hero { background: transparent; padding: 64px 0 36px; }
.offers-page .offers-hero h1 { max-width: 780px; margin: 0 auto 20px; }
.offers-page .offer-filter { border-color: rgba(128,96,158,.16); box-shadow: 0 8px 24px rgba(74,49,89,.06); background: rgba(255,255,255,.94); }
.offers-page .offers-section { padding-top: 24px; }
.offers-page .offers-grid { gap: 22px; }
.offers-page .offer-card {
  background: #fcfaf7;
  border: 1px solid #dcd4ca;
  border-radius: 28px;
  padding: 24px;
  box-shadow: 0 16px 42px rgba(74,49,89,.09), 0 2px 7px rgba(74,49,89,.025);
  transition: box-shadow .2s, transform .2s;
}
.offers-page .offer-logo img { width: 270px; height: 98px; max-height: 98px; max-width: 100%; object-fit: contain; }
.offers-page .offer-logo { height: 124px; }
.offers-page .offer-card.featured { border-color: #cfc4b7; }
.offers-page .offer-details div { background: #f4f0e9; border: 1px solid #eae3d9; border-radius: 14px; padding: 12px; }
.offers-page .offer-card .button { box-shadow: 0 6px 14px rgba(128,96,158,.15); }
.offers-page .creditor-info-card, .offers-page .license-block { background: #fff; box-shadow: 0 12px 32px rgba(74,49,89,.055); }
@media (hover:hover) { .offers-page .offer-card:hover { transform: translateY(-3px); box-shadow: 0 22px 48px rgba(74,49,89,.13); } }
@media (max-width:560px) {
  .offers-page { background-size: auto 850px, auto 850px; background-position: center top; }
  .offers-page .offers-hero { padding: 28px 0 22px; }
  .offers-page .offers-hero h1 { margin-bottom: 12px; }
  .offers-page .offers-section { padding-top: 8px; }
  .offers-page .offers-section .shell { width: calc(100% - 24px); }
  .offers-page .offers-grid { gap: 10px; }
  .offers-page .offer-card { padding: 12px; border-radius: 20px; box-shadow: 0 8px 24px rgba(74,49,89,.08); }
  .offers-page .offer-logo { height: 90px; }
  .offers-page .offer-logo img { width: 180px; height: 78px; max-height: 78px; }
  .offers-page .offer-details div { padding: 8px 6px; border-radius: 10px; }
  .offers-page .offer-card .button { min-height: 42px; border-radius: 12px; }
}
@media (prefers-reduced-motion:reduce) { .offers-page .offer-card { transition: none; } }

.flow-page {
  background-color: #f7f5f2;
  background-image: linear-gradient(rgba(255,255,255,.13), rgba(255,255,255,.13)), url("/assets/images/hero-background-v1.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}



.offers-page .offer-card .button { font-size: 16px; }
@media (max-width:560px) { .offers-page .offer-card .button { font-size: 14px; } }