.affiliate-page { color: #1c1f3b; }
.affiliate-container { max-width: 1120px; }
.affiliate-hero { padding: 76px 0 54px; color: #fff; background: linear-gradient(115deg, rgba(153, 88, 226, .96), rgba(48, 163, 188, .92) 52%, rgba(75, 203, 144, .94)), url('/images/background-4.webp') center/cover; }
.affiliate-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(350px, .95fr); align-items: center; gap: 72px; }
.affiliate-hero h1 { margin: 0 0 18px; color: #fff; font-size: clamp(34px, 4vw, 37px); line-height: 1.1; font-weight: 700; }
.affiliate-hero__content > p { max-width: 630px; margin-bottom: 28px; font-size: 18px; line-height: 1.6; }
.affiliate-hero__form { max-width: 470px; }
.affiliate-hero .rf-box { box-shadow: 0 16px 36px rgba(27, 39, 90, .22); }
.affiliate-hero .rf-title { font-size: 23px; }
.affiliate-calculator__head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 24px; font-size: 17px; }
.affiliate-calculator__head output { font-size: clamp(44px, 6vw, 68px); font-weight: 700; line-height: .8; }
.affiliate-calculator__range { --range-progress: 100%; width: 100%; height: 8px; appearance: none; border-radius: 99px; cursor: pointer; background: linear-gradient(to right, #00d084 0 var(--range-progress), rgba(255,255,255,.5) var(--range-progress) 100%); }
.affiliate-calculator__range::-webkit-slider-thumb { width: 28px; height: 28px; appearance: none; border: 5px solid #fff; border-radius: 50%; background: #00d084; box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.affiliate-calculator__range::-moz-range-thumb { width: 19px; height: 19px; border: 5px solid #fff; border-radius: 50%; background: #00d084; box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.affiliate-calculator__result { margin-top: 36px; padding: 36px 38px; border-radius: 20px; color: #1c1f3b; background: rgba(255, 255, 255, .88); }
.affiliate-calculator__result span { display: block; margin-bottom: 10px; font-size: 16px; }
.affiliate-calculator__result strong { font-size: clamp(38px, 5vw, 58px); line-height: 1; }
.affiliate-calculator small { display: block; margin-top: 22px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.affiliate-section { padding: 92px 0 0; }
.affiliate-section__title { margin: 0 0 38px; color: #171b3a; font-size: clamp(30px, 4vw, 44px); font-weight: 700; text-align: center; }
.affiliate-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.affiliate-card { min-height: 390px; overflow: hidden; border-radius: 18px; background: linear-gradient(180deg, #f4fffb 0%, #dff9ee 58%, #00d084 100%); }
.affiliate-card__body { padding: 27px 27px 0; }
.affiliate-card span, .affiliate-card h3 { display: block; color: #1c1f3b; font-size: 18px; font-weight: 700; }
.affiliate-card p { min-height: 50px; margin: 10px 0 15px; font-size: 14px; line-height: 1.45; }
.affiliate-card img { display: block; width: 100%; max-height: 245px; margin: auto; object-fit: contain; object-position: center bottom; }
.affiliate-button { display: inline-block; padding: 11px 30px; border: 0; border-radius: 5px; color: #fff; background: #00d084; font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .2s, background .2s; }
.affiliate-button:hover { color: #fff; background: #009f68; transform: translateY(-2px); }
.affiliate-statistics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin: 48px 0 36px; padding: 44px 50px; border-radius: 18px; color: #fff; text-align: center; background: linear-gradient(115deg, rgba(153, 88, 226, .96), rgba(48, 163, 188, .92) 52%, rgba(75, 203, 144, .94)), url('/images/background-4.webp') center/cover; }
.affiliate-statistics strong, .affiliate-statistics span { display: block; }
.affiliate-statistics strong { margin-bottom: 10px; font-size: 36px; line-height: 1; }
.affiliate-statistics span { font-size: 14px; line-height: 1.45; }
.affiliate-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 30px; border-radius: 16px; background: linear-gradient(90deg, #f2fffa, #c7f1df); }
.affiliate-cta h2 { margin: 0 0 5px; color: #1c1f3b; font-size: 23px; font-weight: 700; }
.affiliate-cta p { margin: 0; font-size: 14px; }
.affiliate-section--benefits { padding-top: 78px; }
.affiliate-benefits { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 18px; background: linear-gradient(135deg, #f2fffa, #c7f1df); }
.affiliate-benefits__content { display: grid; grid-template-columns: 1fr 1fr; gap: 38px 26px; padding: 48px; }
.affiliate-benefits article h3 { margin: 0 0 9px; color: #1c1f3b; font-size: 17px; font-weight: 700; }
.affiliate-benefits article p { margin: 0; font-size: 14px; line-height: 1.5; }
.affiliate-benefits > img { align-self: end; width: 100%; max-height: 430px; object-fit: contain; object-position: right bottom; }
.affiliate-section--benefits .affiliate-cta { margin-top: 36px; }
.affiliate-faq { padding: 88px 0 92px; }
.affiliate-faq__grid { display: grid; grid-template-columns: 210px 1fr; gap: 30px; }
.affiliate-faq h2 { margin: 0; color: #11152e; font-size: 46px; font-weight: 700; }
.affiliate-faq details { border-bottom: 1px solid #dfe5e5; }
.affiliate-faq summary { position: relative; padding: 20px 32px 20px 0; cursor: pointer; color: #253055; font-size: 17px; font-weight: 700; list-style: none; }
.affiliate-faq summary::-webkit-details-marker { display: none; }
.affiliate-faq summary::after { position: absolute; right: 4px; content: '+'; color: #00d084; font-size: 25px; font-weight: 400; }
.affiliate-faq details[open] summary::after { content: '−'; }
.affiliate-faq details p { max-width: 800px; margin: 0 0 20px; color: #4b5775; line-height: 1.6; }
@media (max-width: 900px) { .affiliate-hero__grid, .affiliate-benefits { grid-template-columns: 1fr; gap: 38px; } .affiliate-hero__calculator { max-width: 600px; } .affiliate-benefits > img { max-height: 370px; } }
@media (max-width: 680px) { .affiliate-hero { padding: 54px 0 42px; } .affiliate-hero__grid { gap: 32px; } .affiliate-hero__content { display: flex; flex-direction: column; } .affiliate-hero__content h1 { order: 1; } .affiliate-hero__form { order: 2; margin-bottom: 26px; } .affiliate-hero__content > p { order: 3; margin-bottom: 0; } .affiliate-steps, .affiliate-statistics { grid-template-columns: 1fr; } .affiliate-card { min-height: 0; } .affiliate-statistics { gap: 30px; padding: 38px 26px; } .affiliate-cta, .affiliate-faq__grid { grid-template-columns: 1fr; display: grid; } .affiliate-cta { padding: 24px; } .affiliate-cta .affiliate-button { width: 100%; text-align: center; } .affiliate-benefits__content { grid-template-columns: 1fr; padding: 32px 26px; } .affiliate-faq { padding: 64px 0; } }