/* /partners — партнёрская программа. Всё заперто в .partners-page: страничные стили остаются в после ухода со страницы. */ .partners-page [id] { scroll-margin-top: 96px; } .partners-page .inner-hero .hero-buttons { margin-top: 32px; } /* Уровни: у «специальных» нет кнопки — карточки той же высоты за счёт grid */ /* Крупные проценты: базовый — фирменный жёлто-оранжевый, «специальные» — градиент «Кейсов» из шапки (жёлтый → оранжевый → фиолетовый → голубой) */ .partners-page .partners-tier-num { font-size: clamp(3.4rem, 6vw, 5rem); line-height: 1; letter-spacing: -0.03em; margin: 10px 0 8px; width: fit-content; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .partners-page .partners-tier-base .partners-tier-num { background-image: linear-gradient(135deg, var(--yellow), var(--orange)); } .partners-page .partners-tier-secret .partners-tier-num { background-image: linear-gradient(135deg, #FF6B00, #7B2FFF 55%, #00D4FF); } /* Базовый: жёлтая рамка и ярлык, как у выделенного тарифа */ .partners-page .partners-tier-base { border-color: var(--yellow); } .partners-page .partners-tier-base::after { content: 'Старт сразу'; position: absolute; top: -1px; right: 24px; background: var(--yellow); color: var(--black); font-size: 0.72rem; font-weight: 700; padding: 6px 14px; border-radius: 0 0 8px 8px; text-transform: uppercase; letter-spacing: 0.05em; } /* Специальные: переливающаяся рамка как у «Кейсов» в меню + ярлык «Секрет» */ @keyframes partnersSecretBorder { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .partners-page .partners-tier-secret { border-color: transparent; } .partners-page .partners-tier-secret::before { content: ''; position: absolute; inset: -1px; padding: 1.5px; border-radius: var(--radius); pointer-events: none; background: linear-gradient(135deg, #FFE500, #FF6B00, #7B2FFF, #00D4FF, #FFE500); background-size: 300% 300%; animation: partnersSecretBorder 4s ease infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } .partners-page .partners-tier-secret::after { content: '🔒 Секрет'; position: absolute; top: -1px; right: 24px; background: linear-gradient(135deg, #7B2FFF, #00D4FF); color: #fff; font-size: 0.72rem; font-weight: 700; padding: 6px 14px; border-radius: 0 0 8px 8px; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 0 2px 18px rgba(123, 47, 255, 0.4); } /* «Закрытые» строки условий — полосы вместо текста, с бегущим бликом */ @keyframes partnersShimmer { to { background-position: -200% 0; } } .partners-page .partners-secret-lines { list-style: none; margin: 18px 0 24px; padding: 0; } .partners-page .partners-secret-lines li { height: 12px; border-radius: 6px; margin: 0 0 20px; background: linear-gradient(90deg, var(--border) 0%, rgba(123, 47, 255, 0.35) 50%, var(--border) 100%); background-size: 200% 100%; animation: partnersShimmer 2.4s linear infinite; } .partners-page .partners-secret-lines li:nth-child(1) { width: 82%; } .partners-page .partners-secret-lines li:nth-child(2) { width: 64%; } .partners-page .partners-secret-lines li:nth-child(3) { width: 74%; } .partners-page .partners-locked-btn { background: transparent; color: var(--text-dim); border: 1px dashed var(--border); cursor: default; } @media (prefers-reduced-motion: reduce) { .partners-page .partners-tier-secret::before, .partners-page .partners-secret-lines li { animation: none; } } /* Форма / выданный код */ .partners-page .partner-hint { color: #ef4444; font-size: 0.88rem; margin: -6px 0 14px; } .partners-page .partner-code { font-family: var(--font-unbounded), sans-serif; font-weight: 800; font-size: clamp(2rem, 5vw, 2.8rem); letter-spacing: 0.04em; line-height: 1.1; margin: 6px 0 14px; width: fit-content; background: linear-gradient(135deg, var(--yellow), var(--orange)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .partners-page .partner-result-note { color: var(--text-muted); font-size: 0.92rem; line-height: 1.6; margin-bottom: 24px; } .partners-page .partner-result .form-group input[readonly] { color: var(--text-muted); } .partners-page .partner-result-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; } .partners-page .partner-result-actions .price-btn { margin: 0; } @media (max-width: 520px) { .partners-page .partner-result-actions { grid-template-columns: 1fr; } } /* Хиро: полоса цифр чуть ближе к кнопкам, чем на /about */ .partners-page .inner-hero .stats-bar { margin-top: 56px; } /* Калькулятор */ .partners-page .partner-calc { display: grid; grid-template-columns: 1.1fr 1fr; gap: 1px; margin-top: 36px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; } .partners-page .partner-calc-controls, .partners-page .partner-calc-result { background: var(--bg-card); padding: 36px 32px; } .partners-page .partner-calc-result { display: flex; flex-direction: column; } .partners-page .partner-calc-label { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-dim); margin-bottom: 14px; } .partners-page .partner-calc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; } /* как фильтр блога (.blog-filter-btn) */ .partners-page .partner-chip { display: inline-flex; align-items: center; gap: 8px; background: none; border: 1px solid var(--border); color: var(--text-muted); border-radius: 20px; padding: 8px 16px; font-size: 0.88rem; font-family: var(--font-onest), sans-serif; cursor: inherit; transition: all 0.2s; } .partners-page .partner-chip span { font-size: 0.78rem; color: var(--text-dim); } .partners-page .partner-chip:hover, .partners-page .partner-chip.active { border-color: var(--yellow); color: var(--yellow); background: var(--tag-bg); } .partners-page .partner-chip.active span { color: var(--yellow); } .partners-page .partner-stepper { display: inline-flex; align-items: center; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; } .partners-page .partner-stepper button { width: 48px; height: 48px; background: none; border: none; color: var(--text); font-size: 1.3rem; cursor: inherit; transition: background 0.2s; } .partners-page .partner-stepper button:hover { background: var(--hover-bg); } .partners-page .partner-stepper output { min-width: 56px; text-align: center; font-family: var(--font-unbounded), sans-serif; font-weight: 700; } .partners-page .partner-calc-sum { font-family: var(--font-unbounded), sans-serif; font-weight: 800; font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 1; letter-spacing: -0.02em; width: fit-content; margin-bottom: 14px; background: linear-gradient(135deg, var(--yellow), var(--orange)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .partners-page .partner-calc-sum span { font-size: 0.4em; font-weight: 700; } .partners-page .partner-calc-note { color: var(--text-muted); font-size: 0.92rem; line-height: 1.55; margin-bottom: 10px; } .partners-page .partner-calc-fine { color: var(--text-dim); font-size: 0.8rem; line-height: 1.5; margin-bottom: 24px; } .partners-page .partner-calc-result .price-btn { margin-top: auto; } /* Шаги — три в ряд */ .partners-page .partners-steps { grid-template-columns: repeat(3, 1fr); } /* Кому рекомендовать — три в ряд, сумма под текстом */ .partners-page .partners-people { grid-template-columns: repeat(3, 1fr); } .partners-page .partners-pay { margin-top: 12px; font-family: var(--font-unbounded), sans-serif; font-weight: 700; font-size: 0.95rem; color: var(--yellow); } /* Готовое сообщение знакомому */ .partners-page #join .section-title { margin-bottom: 40px; } .partners-page .partner-message { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 20px 22px; font-size: 0.95rem; line-height: 1.65; color: var(--text); margin-bottom: 14px; white-space: pre-line; overflow-wrap: anywhere; } .partners-page .partner-message.is-draft { color: var(--text-muted); border-style: dashed; } .partners-page .partner-message-copy { width: auto; padding: 12px 24px; } .partners-page .partner-message-copy:disabled { opacity: 0.55; } @media (max-width: 1024px) { .partners-page .partners-steps, .partners-page .partners-people { grid-template-columns: 1fr 1fr; } } @media (max-width: 900px) { .partners-page .partner-calc { grid-template-columns: 1fr; } .partners-page .partner-calc-controls, .partners-page .partner-calc-result { padding: 26px 22px; } } @media (max-width: 640px) { .partners-page .partners-steps, .partners-page .partners-people { grid-template-columns: 1fr; } .partners-page .partner-message-copy { width: 100%; } } /* Примеры «как это выглядит в жизни» — карточки тарифов 2×2 */ /* Калькулятор и примеры в две колонки; калькулятор прилипает */ .partners-page .partners-earn { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(20px, 2.4vw, 36px); align-items: start; margin-top: 36px; } .partners-page .partners-stories { display: grid; grid-template-columns: 1fr; gap: 16px; } .partners-page .partners-earn-calc { position: sticky; top: 96px; } /* в половину ширины: панели калькулятора друг под другом и плотнее */ .partners-page .partners-earn .partner-calc { grid-template-columns: 1fr; margin-top: 0; } .partners-page .partners-earn .partner-calc-controls, .partners-page .partners-earn .partner-calc-result { padding: 24px 26px; } .partners-page .partners-earn .partner-calc-chips { margin-bottom: 20px; } .partners-page .partners-earn .partner-calc-label { margin-bottom: 10px; } .partners-page .partners-earn .partner-calc-sum { font-size: clamp(2.2rem, 3.6vw, 3.4rem); margin-bottom: 10px; } .partners-page .partners-earn .partner-calc-sum.is-range { font-size: clamp(1.8rem, 2.8vw, 2.6rem); } .partners-page .partners-earn .partner-calc-fine { margin-bottom: 16px; } .partners-page .partners-earn .partner-stepper button { width: 44px; height: 44px; } /* низкий экран: прилипший калькулятор не влезает целиком — пусть едет обычно */ @media (max-height: 760px) { .partners-page .partners-earn-calc { position: static; } } .partners-page .partners-story-steps { list-style: none; counter-reset: story; margin: 4px 0 16px; padding: 0; display: flex; flex-direction: column; gap: 12px; } .partners-page .partners-story-steps li { counter-increment: story; position: relative; padding-left: 40px; color: var(--text-muted); font-size: 0.93rem; line-height: 1.55; } .partners-page .partners-story-steps li::before { content: counter(story); position: absolute; left: 0; top: -1px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--border); color: var(--yellow); font-family: var(--font-unbounded), sans-serif; font-size: 0.75rem; font-weight: 700; } .partners-page .partners-story-note { color: var(--text-dim); font-size: 0.82rem; line-height: 1.5; margin-bottom: 12px; } .partners-page .partners-stories .partners-pay { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--footer-line); font-size: 1.05rem; } @media (max-width: 900px) { .partners-page .partners-earn { grid-template-columns: 1fr; } .partners-page .partners-earn-calc { position: static; order: -1; } } /* Частые вопросы + ассистент в две колонки; чат прилипает при прокрутке */ .partners-page .partners-ask { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(24px, 3vw, 48px); align-items: start; margin-top: 28px; } .partners-page .partners-ask .wf-faq { margin: 0; max-width: none; } .partners-page .partners-ask-chat { position: sticky; top: 96px; } .partners-page .partners-ask .chat-spot-frame { height: 340px; min-height: 0; } .partners-page .partners-ask .chat-spot-frame.is-grown { height: 460px; } @media (max-width: 900px) { .partners-page .partners-ask { grid-template-columns: 1fr; } .partners-page .partners-ask-chat { position: static; } .partners-page .partners-ask .chat-spot-frame { height: 380px; } } /* вилка «1 478 – 3 888» длиннее одной цифры — чуть мельче, чтобы влезала */ .partners-page .partner-calc-sum.is-range { font-size: clamp(2rem, 4.4vw, 3.4rem); } .partners-page .partners-pay small { display: block; margin-top: 4px; font-family: var(--font-onest), sans-serif; font-weight: 500; font-size: 0.82rem; color: var(--text-dim); }