/* Финальный экран: одна задача, состав участия и переход к подпискам. */
.club-finale { position: relative; isolation: isolate; padding: 69px 32px 55px; border-block: 1px solid #967c4b55; background: #111110; color: #f3eee5; scroll-margin-top: 20px; }
.club-finale::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 83% 52%, #ae8b4114, transparent 55%), linear-gradient(180deg, #111110c9, #111110f5 75%), url('../images/bg2.jpg') center top / 1920px auto no-repeat; pointer-events: none; }
.club-finale .finale-inner { width: 100%; max-width: 1120px; margin: 0 auto; }
.club-finale .finale-title { max-width: 950px; margin: 0 auto; font-family: 'Bebas Neue', Arial, sans-serif; font-size: clamp(38px, 4.7vw, 56px); font-weight: 700; line-height: 1.17; letter-spacing: .8px; text-align: center; text-wrap: balance; }
.club-finale .finale-title::before { content: ''; display: block; width: 44px; height: 2px; margin: 0 auto 23px; background: #b5955a; }
.club-finale .finale-intro { max-width: 850px; margin: 27px auto 0; text-align: center; }
.club-finale .finale-intro p { margin: 0; color: #c8c0b2; font-size: 18px; line-height: 1.85; text-wrap: pretty; }
.club-finale .finale-intro p + p { margin-top: 17px; color: #e4dbcb; }
.club-finale .finale-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 47px; align-items: start; margin-top: 37px; }
.club-finale .finale-benefits { padding-top: 6px; }
.club-finale .finale-benefits h3 { margin: 0 0 22px; color: #dfc593; font-family: 'Brutal Type', Arial, sans-serif; font-size: 23px; font-weight: 400; line-height: 1.5; }
.club-finale .finale-benefits ul { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.club-finale .finale-benefits li { display: flex; align-items: flex-start; gap: 15px; color: #d2c8b8; font-size: 17px; line-height: 1.8; text-wrap: pretty; }
.club-finale .finale-benefits li svg { flex: 0 0 23px; width: 23px; height: 23px; margin-top: 4px; fill: none; stroke: #bda16b; stroke-width: 1.4; }
.club-finale .finale-choice { min-width: 0; padding: 31px 30px 29px; border: 1px solid #b5955a99; border-radius: 10px; background: linear-gradient(140deg, #393022, #211f19 65%, #1c1c18); box-shadow: 0 16px 40px #0003; }
.club-finale .finale-price { margin: 0; color: #e6dbc7; font-size: 17px; line-height: 1.8; }
.club-finale .finale-rate { display: block; color: #dfc593; font-size: 17px; line-height: 1.6; }
.club-finale .finale-rate strong { margin-inline: 3px; color: #f2dfb7; font-size: 44px; font-weight: 400; line-height: 1.35; letter-spacing: -1px; white-space: nowrap; }
.club-finale .finale-period { display: block; margin-top: 11px; color: #c6bba8; font-size: 15px; line-height: 1.8; }
.club-finale .finale-amount { white-space: nowrap; }
.club-finale .finale-alternatives { margin: 22px 0 0; padding-top: 20px; border-top: 1px solid #b5955a45; color: #ddd3c1; font-size: 16px; line-height: 1.8; text-wrap: pretty; }
.club-finale .club-cta { margin-top: 25px; }
.club-finale .club-cta .club-cta-link { width: 100%; min-width: 0; padding: 16px 18px; gap: 15px; font-size: 16px; }
.club-finale .club-cta-link span { min-width: 0; text-wrap: balance; }
.club-finale .finale-start { margin: 17px 0 0; color: #afa38f; font-size: 13px; line-height: 1.8; text-align: center; text-wrap: pretty; }
.club-finale .finale-signature { margin: 35px 0 0; color: #dfc593; font-size: 19px; line-height: 1.7; text-align: center; }
.club-finale .finale-ps { max-width: 850px; margin: 23px auto 0; padding-top: 23px; border-top: 1px solid #8a755045; color: #aaa294; font-size: 15px; line-height: 1.9; text-align: center; text-wrap: pretty; }
.club-finale .finale-ps span { color: #cfb584; }
.club-finale + .footer { margin-top: 0; }
@media (max-width: 1050px) {
  .club-finale { padding-inline: 26px; }
  .club-finale .finale-layout { gap: 30px; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .club-finale .finale-choice { padding: 26px; }
  .club-finale .finale-rate strong { font-size: 39px; }
}
@media (max-width: 850px) {
  .club-finale .finale-layout { grid-template-columns: 1fr; max-width: 540px; margin-inline: auto; gap: 30px; }
  .club-finale .finale-intro { max-width: 680px; }
  .club-finale .finale-benefits { padding-top: 0; }
}
@media (max-width: 767px) {
  .club-finale { padding: 48px 22px 43px; }
  .club-finale .finale-title { max-width: 550px; font-size: 38px; letter-spacing: .4px; }
  .club-finale .finale-intro { max-width: 540px; margin-top: 24px; text-align: left; }
  .club-finale .finale-intro p { font-size: 16px; }
  .club-finale .finale-layout { margin-top: 29px; }
  .club-finale .finale-benefits h3 { font-size: 22px; margin-bottom: 19px; }
  .club-finale .finale-benefits ul { gap: 16px; }
  .club-finale .finale-benefits li { gap: 13px; font-size: 16px; }
  .club-finale .finale-benefits li svg { flex-basis: 21px; width: 21px; height: 21px; margin-top: 4px; }
  .club-finale .finale-choice { padding: 25px 23px; }
  .club-finale .finale-rate strong { font-size: 40px; }
  .club-finale .club-cta .club-cta-link { font-size: 15px; gap: 13px; }
  .club-finale .finale-signature { margin-top: 29px; font-size: 18px; }
  .club-finale .finale-ps { max-width: 540px; margin-top: 20px; padding-top: 20px; font-size: 14px; text-align: left; }
}
@media (max-width: 374px) {
  .club-finale { padding-inline: 18px; }
  .club-finale .finale-title { font-size: 34px; }
  .club-finale .finale-choice { padding-inline: 19px; }
  .club-finale .finale-rate { font-size: 15px; }
  .club-finale .finale-rate strong { font-size: 35px; }
  .club-finale .club-cta .club-cta-link { padding-inline: 14px; }
}