/* программа рефералов: тёмный первый экран с формой, шаги, кто может рекомендовать */
.rf-hero{background:var(--ink);color:#fff;padding:110px 0 clamp(44px,6vw,80px);background-image:radial-gradient(60% 80% at 85% 20%,rgba(35,46,209,.55) 0%,transparent 70%)}
.rf-hero .crumbs,.rf-hero .crumbs a{color:rgba(255,255,255,.7)}
.rf-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:start}
.rf-txt{display:grid;gap:18px;justify-items:start}
.rf-txt .h1{font-size:clamp(38px,4.6vw,72px);max-width:14ch}
.rf-txt .answer{color:rgba(255,255,255,.86);font-size:clamp(17px,1.5vw,20px);margin:0;max-width:44ch}
.rf-reward{margin:0;font-size:clamp(19px,1.8vw,24px);font-stretch:112%;line-height:1.25;padding:16px 20px;border-radius:var(--radius-m);background:rgba(142,160,255,.14);box-shadow:inset 0 0 0 1px rgba(142,160,255,.35);max-width:30ch}
.rf-note{margin:0;font-size:15px;color:rgba(255,255,255,.7);max-width:46ch}
.rf-card{background:#fff;color:var(--text);border-radius:var(--radius-l);padding:clamp(20px,2.6vw,32px);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.rf-card .h3{margin-bottom:14px}
.rf-form{display:grid;gap:14px}
.rf-form fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.rf-form legend{font-size:13.5px;font-weight:650;color:var(--ultra);margin-bottom:8px;padding:0}
.rf-form label{display:block;font-size:13.5px;font-weight:600;margin-bottom:4px}
.rf-form input:not([type=checkbox]){width:100%;min-height:46px;border:1.5px solid var(--steel-2);border-radius:12px;padding:10px 12px;background:#fff}
.rf-form input:focus{border-color:var(--ultra);outline:0}
.rf-form .rf-ok{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14.5px}
.rf-form .rf-ok input{width:20px;height:20px;margin-top:1px;accent-color:var(--ultra);flex:none}
.rf-form .btn{width:100%}
.rf-form .err{margin:0;color:var(--signal);font-size:14px;min-height:0}
.rf-small{margin:0;font-size:13px;color:var(--muted)}
.rf-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:rf}
.rf-steps li{position:relative;display:grid;gap:8px;padding:64px 22px 24px;background:#fff;border-radius:var(--radius-l);box-shadow:0 0 0 1px var(--steel-2)}
.rf-steps li::before{counter-increment:rf;content:counter(rf);position:absolute;left:22px;top:20px;width:32px;height:32px;border-radius:50%;background:var(--ultra);color:#fff;font-weight:750;display:grid;place-items:center}
.rf-steps li:not(:last-child)::after{content:"";position:absolute;top:36px;left:64px;right:-16px;height:2px;background:linear-gradient(90deg,var(--ultra),transparent)}
.rf-steps b{font-size:19px;font-stretch:112%}
.rf-steps span{color:var(--muted);font-size:15.5px}
.rf-who-sec{background:var(--steel-1)}
.rf-who{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rf-who li{display:grid;gap:4px;background:#fff;border-radius:var(--radius-m);padding:18px 20px}
.rf-who b{font-size:16.5px}
.rf-who span{font-size:15px;color:var(--muted)}
@media (max-width:900px){.rf-grid{grid-template-columns:1fr}.rf-steps,.rf-who{grid-template-columns:1fr}.rf-steps li:not(:last-child)::after{display:none}}
@media (max-width:520px){.rf-form fieldset{grid-template-columns:1fr}.rf-hero{padding-top:92px}}
.rf-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.rf-out{display:grid;gap:12px;padding:16px;border-radius:16px;background:var(--steel-0);box-shadow:inset 0 0 0 1px var(--steel-2)}
.rf-code{margin:0;font-size:16px}
.rf-code b{font-size:22px;font-stretch:112%;color:var(--ultra);letter-spacing:.04em}
.rf-share{display:flex;gap:8px;flex-wrap:wrap}
.rf-share input{flex:1 1 180px;min-height:44px;border:1.5px solid var(--steel-2);border-radius:12px;padding:8px 10px;font-size:13px;color:var(--muted);background:#fff}
@media (max-width:520px){.rf-fields{grid-template-columns:1fr}}