/* ═══════════════════════════════════════════════════════════════ SorokinFit — НАЧАЛЬНАЯ СТРАНИЦА · СТИЛИ Все правила изолированы внутри .sfs — иначе они дерутся с Tilda: стили писались для отдельной страницы и задавали body и html, а классы .nav, .hero, .foot совпадают с тильдовскими. ═══════════════════════════════════════════════════════════════ */ /* Шрифты. В исходной странице они подключались тегом в ; при переносе в блок Tilda этого тега нет, поэтому подключаем здесь — иначе заголовки падают на системный шрифт и вёрстка выглядит чужой. */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700;800&display=swap'); .sfs{position:relative;--bg:#070811;--bg2:#0b0d18;--surface:#0f1220;--surface2:#161a2b;--field:#11141f; --line:#1c2133;--line2:#272d42; --accent:#4d5dff;--accent2:#6e7bff;--accent-deep:#2c38c9;--glow:rgba(77,93,255,.32); --ice:#aab6ff;--text:#f3f5fa;--text2:#9298ad;--text3:#5c6379; --ok:#3ad999;--ok-bg:rgba(58,217,153,.13);--ok-bd:rgba(58,217,153,.34); --font-display:'Unbounded',system-ui,sans-serif; --font:'Manrope',system-ui,-apple-system,sans-serif;} .sfs *,.sfs *::before,.sfs *::after{box-sizing:border-box;} .sfs{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} .sfs{margin:0;font-family:var(--font);background:var(--bg);color:var(--text); -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility; padding:0 0 90px;line-height:1.55;font-weight:500;position:relative;overflow-x:hidden;} .sfs::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background: radial-gradient(620px 420px at 78% -4%, rgba(77,93,255,.16), transparent 70%), radial-gradient(520px 380px at 8% 12%, rgba(110,123,255,.10), transparent 72%);} .sfs>*{position:relative;z-index:1;} .sfs .wrap{max-width:760px;margin:0 auto;padding:0 20px;} .sfs a{color:inherit;} .sfs a.nav-link,.sfs a.nav-brand,.sfs a.nav-drop-link,.sfs a.onb-step-link,.sfs a.finder-item,.sfs a.quick-link,.sfs a.btn-step,.sfs a.btn-primary,.sfs a.resume-open,.sfs a.resume-reset,.sfs a.nav-link:link,.sfs a.nav-link:visited,.sfs a.nav-link:hover,.sfs a.nav-link:active{text-decoration:none!important;} /* ===== STICKY NAV ===== */ .sfs .nav{position:sticky;top:0;z-index:400;background:rgba(8,10,20,.62);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(39,45,66,.55);} .sfs .nav-inner{max-width:760px;margin:0 auto;padding:0 20px;height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;} .sfs .nav-brand{justify-self:start;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.4px;color:var(--text)!important;text-decoration:none!important;white-space:nowrap;} .sfs .nav-brand-dot{color:var(--accent2);} .sfs .nav-links{justify-self:center;display:flex;gap:2px;} .sfs .nav-link,.sfs .nav-link:link,.sfs .nav-link:visited{padding:9px 15px;border-radius:11px;color:var(--text2)!important;font-size:13.5px;font-weight:600;letter-spacing:-.1px;text-decoration:none!important;white-space:nowrap;transition:color .16s,background .16s;} .sfs .nav-link:hover{color:var(--text)!important;background:var(--surface2);} .sfs .nav-right{justify-self:end;display:flex;align-items:center;gap:10px;} .sfs .nav-count{font-size:12.5px;font-weight:700;color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums;display:none;} .sfs .nav-count.on{display:block;} .sfs .nav-burger{display:none;width:44px;height:44px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;-webkit-tap-highlight-color:transparent;transition:border-color .15s;} .sfs .nav-burger:hover{border-color:var(--accent);} .sfs .nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .2s;} .sfs .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .sfs .nav-burger.open span:nth-child(2){opacity:0;} .sfs .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .sfs .nav-drop{display:none;max-width:760px;margin:0 auto;padding:6px 16px 16px;flex-direction:column;gap:7px;} .sfs .nav-drop.open{display:flex;animation:dropIn .22s ease;} @keyframes dropIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}} .sfs .nav-drop-link,.sfs .nav-drop-link:link,.sfs .nav-drop-link:visited{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-radius:13px;background:var(--surface);border:1px solid var(--line);color:var(--text)!important;font-size:15px;font-weight:600;text-decoration:none!important;transition:background .15s,border-color .15s;} .sfs .nav-drop-link::after{content:"→";color:var(--text3);font-weight:700;} .sfs .nav-drop-link:hover{background:var(--surface2);border-color:var(--accent);} @media(max-width:680px){ .sfs .nav-links{display:none;} .sfs .nav-burger{display:flex;} } .sfs .nav-link.active{color:var(--text)!important;background:var(--surface2);position:relative;} .sfs .nav-link.active::after{content:"";position:absolute;left:50%;bottom:1px;transform:translateX(-50%);width:16px;height:2px;border-radius:2px;background:var(--accent2);} /* ===== ПОЛОСА ПРОГРЕССА ИЗ КАБИНЕТА ===== */ .sfs .lk-bar{background:linear-gradient(100deg,var(--accent-deep),var(--accent));border-bottom:1px solid rgba(255,255,255,.1);display:none;} .sfs .lk-bar.on{display:block;} .sfs .lk-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 0;} .sfs .lk-left{display:flex;align-items:center;gap:14px;min-width:0;} .sfs .lk-ico{width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .sfs .lk-ico svg{width:20px;height:20px;fill:#fff;} .sfs .lk-txt{min-width:0;} .sfs .lk-label{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.82);margin-bottom:3px;} .sfs .lk-name{display:block;font-size:16.5px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.3px;} .sfs .lk-mini{height:5px;border-radius:100px;background:rgba(255,255,255,.22);overflow:hidden;margin-top:9px;max-width:220px;} .sfs .lk-mini-f{height:100%;background:#fff;border-radius:100px;width:0;transition:width .5s cubic-bezier(.4,0,.2,1);} .sfs .lk-open,.sfs .lk-open:link,.sfs .lk-open:visited{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1b1f4d!important;padding:12px 22px;border-radius:12px;font-size:14.5px;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:transform .14s,box-shadow .14s;flex-shrink:0;} .sfs .lk-open svg{width:15px;height:15px;} .sfs .lk-open:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.34);} @media(max-width:600px){ .sfs .lk-inner{flex-direction:column;align-items:stretch;gap:12px;} .sfs .lk-open{width:100%;justify-content:center;} } /* ===== RESUME BAR (программа) ===== */ .sfs .resume-bar{background:var(--surface);border-bottom:1px solid var(--line2);} .sfs .resume-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 0;} .sfs .resume-left{display:flex;align-items:center;gap:14px;min-width:0;} .sfs .resume-icon{width:46px;height:46px;border-radius:13px;background:var(--field);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;} .sfs .resume-icon svg{width:20px;height:20px;stroke:var(--ice);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .sfs .resume-textwrap{min-width:0;} .sfs .resume-label{display:block;font-size:12px;font-weight:600;color:var(--text3);margin-bottom:3px;} .sfs .resume-name{display:block;font-size:16px;font-weight:800;color:var(--text);line-height:1.25;letter-spacing:-.3px;} .sfs .resume-right{display:flex;align-items:center;gap:16px;flex-shrink:0;} .sfs .resume-open,.sfs .resume-open:link,.sfs .resume-open:visited{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(120deg,var(--accent-deep),var(--accent));color:#fff!important;padding:12px 22px;border-radius:12px;font-size:14.5px;font-weight:800;text-decoration:none!important;white-space:nowrap;transition:transform .14s,filter .16s;} .sfs .resume-open svg{width:15px;height:15px;} .sfs .resume-open:hover{transform:translateY(-2px);filter:brightness(1.08);} .sfs .resume-reset,.sfs .resume-reset:link,.sfs .resume-reset:visited{font-size:13px;color:var(--text3)!important;text-decoration:underline;white-space:nowrap;} .sfs .resume-reset:hover{color:var(--text2)!important;} @media(max-width:600px){ .sfs .resume-inner{flex-direction:column;align-items:stretch;gap:12px;} .sfs .resume-right{flex-direction:column;align-items:stretch;gap:8px;width:100%;} .sfs .resume-open{width:100%;justify-content:center;} .sfs .resume-reset{text-align:center;width:100%;padding:5px;} } /* ===== HERO ===== */ .sfs .hero{text-align:center;padding:56px 20px 38px;} .sfs .hero-hello{display:none;font-size:clamp(15px,3.2vw,19px);font-weight:700;color:var(--text2);margin-bottom:16px;letter-spacing:-.2px;} .sfs .hero-hello.on{display:block;} .sfs .hero-hello b{font-weight:800;background:linear-gradient(100deg,var(--accent2),#c3caff);-webkit-background-clip:text;background-clip:text;color:transparent;} .sfs .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ice);margin-bottom:22px;padding:8px 16px;border:1px solid var(--line2);border-radius:100px;background:rgba(22,26,43,.6);} .sfs .hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 10px var(--accent2);} .sfs .hero-title{font-family:var(--font-display);font-size:clamp(34px,7.4vw,58px);font-weight:700;letter-spacing:-.5px;line-height:1.02;margin:0 0 18px;} .sfs .hero-title .accent{color:var(--accent2);} .sfs .hero-desc{font-size:clamp(15px,2.3vw,17px);color:var(--text2);max-width:480px;margin:0 auto;line-height:1.65;font-weight:500;} .sfs .hero-desc strong{color:var(--text);font-weight:700;} .sfs .section-head{text-align:center;margin-bottom:30px;} .sfs .section-head h2{font-family:var(--font-display);font-size:clamp(22px,4vw,30px);font-weight:600;letter-spacing:-.4px;margin:0 0 9px;} .sfs .section-head p{font-size:14px;color:var(--text2);margin:0;font-weight:500;} .sfs .btn-step,.sfs .btn-primary,.sfs .btn-step:link,.sfs .btn-primary:link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:13px;font-size:14.5px;font-weight:700;font-family:inherit;cursor:pointer;border:none;color:#fff!important;text-decoration:none!important;background:linear-gradient(120deg,var(--accent-deep),var(--accent));box-shadow:0 6px 22px var(--glow);transition:transform .14s,box-shadow .16s,filter .16s;} .sfs .btn-step:hover,.sfs .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--glow);filter:brightness(1.08);} .sfs .btn-step svg,.sfs .btn-primary svg{width:15px;height:15px;} /* ===== ONBOARDING ===== */ .sfs .onb{background:linear-gradient(180deg,var(--surface),var(--bg2));border:1px solid var(--line2);border-radius:20px;overflow:hidden;margin-bottom:40px;box-shadow:0 1px 0 rgba(255,255,255,.03) inset;} .sfs .onb-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .15s;} .sfs .onb-head:hover{background:rgba(255,255,255,.018);} .sfs .onb-head-left{display:flex;align-items:center;gap:15px;min-width:0;} .sfs .onb-head-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent2),var(--accent-deep));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 5px 18px var(--glow);} .sfs .onb-head-icon svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .sfs .onb-head-title{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.3px;} .sfs .onb-head-sub{font-size:13px;color:var(--text2);margin-top:2px;font-weight:500;} .sfs .onb-chev{width:22px;height:22px;stroke:var(--text2);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .28s cubic-bezier(.4,0,.2,1);} .sfs .onb.collapsed .onb-chev{transform:rotate(-90deg);} .sfs .onb-body{padding:0 23px 23px;} .sfs .onb.collapsed .onb-body{display:none;} .sfs .onb-head-textwrap{min-width:0;flex:1;} .sfs .onb-head-bar{height:5px;border-radius:100px;background:var(--field);overflow:hidden;margin-top:9px;max-width:240px;} .sfs .onb-head-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:100px;width:0;transition:width .4s cubic-bezier(.4,0,.2,1);} .sfs .onb-step{display:flex;gap:15px;padding:18px 0;border-top:1px solid var(--line);} .sfs .onb-step:first-of-type{border-top:none;padding-top:4px;} .sfs .onb-check{width:28px;height:28px;flex-shrink:0;border-radius:9px;border:2px solid var(--line2);background:var(--field);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s;-webkit-tap-highlight-color:transparent;margin-top:1px;padding:0;} .sfs .onb-check svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .16s;} .sfs .onb-check:hover{border-color:var(--accent2);} .sfs .onb-step.done .onb-check{background:var(--ok);border-color:var(--ok);} .sfs .onb-step.done .onb-check svg{opacity:1;} .sfs .onb-step-body{flex:1;min-width:0;} .sfs .onb-step-num{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ice);margin-bottom:5px;} .sfs .onb-step.done .onb-step-num{color:var(--ok);} .sfs .onb-step-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:5px;letter-spacing:-.2px;} .sfs .onb-step.done .onb-step-title{color:var(--text3);text-decoration:line-through;} .sfs .onb-step-desc{font-size:13.5px;color:var(--text2);line-height:1.6;font-weight:500;} .sfs .onb-step-link,.sfs .onb-step-link:link,.sfs .onb-step-link:visited{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:10px 17px;border-radius:11px;background:var(--accent);color:#fff!important;font-size:13.5px;font-weight:700;text-decoration:none!important;transition:transform .12s,filter .15s;box-shadow:0 4px 14px var(--glow);} .sfs .onb-step-link:hover{transform:translateY(-1px);filter:brightness(1.08);} .sfs .onb-step-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;} .sfs .onb-auto{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:12px;font-weight:700;color:var(--ok);} .sfs .onb-auto svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;} .sfs .onb-done-banner{display:none;align-items:center;gap:10px;padding:15px 17px;border-radius:13px;background:var(--ok-bg);border:1px solid var(--ok-bd);color:var(--ok);font-size:14px;font-weight:700;margin-top:8px;} .sfs .onb-done-banner.show{display:flex;} .sfs .why-first{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,rgba(77,93,255,.12),rgba(22,26,43,.6));border:1px solid rgba(77,93,255,.28);border-radius:16px;padding:19px 21px;} .sfs .why-first-icon{width:46px;height:46px;border-radius:13px;flex-shrink:0;background:linear-gradient(135deg,var(--accent2),var(--accent-deep));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--glow);} .sfs .why-first-icon svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .sfs .why-first-body{flex:1;min-width:0;} .sfs .why-first-title{font-size:15px;font-weight:800;margin-bottom:6px;color:var(--text);letter-spacing:-.2px;} .sfs .why-first-text{font-size:13.5px;color:var(--text2);line-height:1.65;margin:0;font-weight:500;} .sfs .why-first-text strong{color:var(--text);font-weight:700;} @media(max-width:520px){ .sfs .why-first{flex-direction:column;gap:12px;} } .sfs .video-frame{position:relative;padding-bottom:56.25%;height:0;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--line2);} .sfs .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;} /* ===== FINDER ===== */ .sfs .programs-block{background:var(--surface);border:1px solid var(--line2);border-radius:18px;padding:20px;margin-bottom:42px;} .sfs .finder-search-wrap{position:relative;margin-bottom:13px;} .sfs .finder-search{width:100%;background:var(--field);border:1.5px solid var(--line2);border-radius:13px;color:var(--text);font-family:inherit;font-size:14.5px;font-weight:500;padding:14px 44px;outline:none;transition:border-color .18s;} .sfs .finder-search::placeholder{color:var(--text3);} .sfs .finder-search:focus{border-color:var(--accent);} .sfs .finder-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--text3);fill:none;stroke-width:2;pointer-events:none;} .sfs .finder-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px;} .sfs .finder-chip{padding:8px 15px;border-radius:100px;background:var(--field);border:1.5px solid transparent;color:var(--text2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap;} .sfs .finder-chip:hover{background:var(--surface2);color:var(--text);} .sfs .finder-chip.active{background:var(--accent);color:#fff;border-color:var(--accent2);} .sfs .finder-count{font-size:12px;color:var(--text3);margin-bottom:11px;font-weight:600;} .sfs .finder-list{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:4px;} .sfs .finder-list::-webkit-scrollbar{width:6px;} .sfs .finder-list::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px;} .sfs .finder-cat{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--ice);padding:8px 2px 3px;} .sfs .finder-item,.sfs .finder-item:link,.sfs .finder-item:visited{display:flex;align-items:center;gap:13px;background:var(--field);border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;color:var(--text)!important;text-decoration:none!important;transition:background .16s,border-color .16s,transform .12s;} .sfs .finder-item:hover{background:var(--surface2);border-color:var(--accent);transform:translateX(3px);} .sfs .finder-item-num{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;} .sfs .finder-item-body{display:block;flex:1;min-width:0;} .sfs .finder-item-name{display:block;font-size:14px;font-weight:700;line-height:1.25;margin-bottom:2px;color:var(--text)!important;letter-spacing:-.2px;} .sfs .finder-item-meta{display:block;font-size:11.5px;color:var(--text3);font-weight:500;} .sfs .finder-item-arrow{font-size:15px;color:var(--text3);flex-shrink:0;} .sfs .finder-item:hover .finder-item-arrow{color:var(--accent2);} .sfs .finder-empty{text-align:center;padding:28px 16px;color:var(--text3);font-size:14px;} /* ===== QUICK ===== */ .sfs .quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;} @media(max-width:560px){ .sfs .quick-grid{grid-template-columns:1fr;} } .sfs .quick-link.full{grid-column:1/-1;} .sfs .quick-link,.sfs .quick-link:link,.sfs .quick-link:visited{display:flex;align-items:center;gap:15px;padding:18px 20px;background:var(--surface);border:1px solid var(--line2);border-radius:16px;color:var(--text)!important;text-decoration:none!important;transition:background .16s,border-color .16s,transform .12s;} .sfs .quick-link:hover{background:var(--surface2);border-color:var(--accent);transform:translateY(-2px);} .sfs .quick-icon{width:46px;height:46px;border-radius:13px;flex-shrink:0;background:var(--field);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;} .sfs .quick-icon svg{width:20px;height:20px;stroke:var(--ice);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .sfs .quick-body{display:block;flex:1;min-width:0;} .sfs .quick-link.key{background:linear-gradient(100deg,rgba(77,93,255,.22),rgba(77,93,255,.07));border-color:rgba(110,123,255,.34);} .sfs .quick-link.key:hover{background:linear-gradient(100deg,rgba(77,93,255,.3),rgba(77,93,255,.12));border-color:var(--accent2);} .sfs .quick-link.key .quick-icon{background:linear-gradient(145deg,var(--accent),var(--accent-deep));border-color:transparent;box-shadow:0 6px 20px var(--glow);} .sfs .quick-link.key .quick-icon svg{stroke:#fff;} .sfs .quick-link.key .quick-name{font-size:16.5px;} .sfs .quick-ar{width:14px;height:14px;flex-shrink:0;stroke:var(--text3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s,transform .16s;} .sfs .quick-link:hover .quick-ar{stroke:var(--accent2);transform:translate(2px,-2px);} .sfs .quick-name{display:block;font-size:15px;font-weight:700;line-height:1.25;color:var(--text)!important;letter-spacing:-.2px;} .sfs .quick-meta{display:block;font-size:12.5px;color:var(--text3);margin-top:2px;font-weight:500;} .sfs .support-cta{margin-top:44px;padding:34px 26px;text-align:center;background:linear-gradient(135deg,rgba(77,93,255,.16),var(--surface));border:1px solid var(--line2);border-radius:20px;position:relative;overflow:hidden;} .sfs .support-cta::before{content:"";position:absolute;top:-60px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,var(--glow),transparent 70%);pointer-events:none;} .sfs .support-cta-title{font-family:var(--font-display);font-size:19px;font-weight:600;margin-bottom:9px;letter-spacing:-.3px;position:relative;} .sfs .support-cta-text{font-size:13.5px;color:var(--text2);margin:0 auto 20px;line-height:1.6;position:relative;font-weight:500;max-width:440px;} .sfs .foot{text-align:center;margin-top:50px;padding-top:30px;border-top:1px solid var(--line);font-size:12px;color:var(--text3);font-weight:500;} .sfs .totop{position:fixed;bottom:22px;right:22px;z-index:350;width:48px;height:48px;border-radius:50%;border:1px solid var(--line2);background:rgba(15,18,32,.82);backdrop-filter:blur(12px);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s;box-shadow:0 8px 24px rgba(0,0,0,.4);} .sfs .totop.show{opacity:1;visibility:visible;transform:none;} .sfs .totop svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;} .sfs .onb-step.next .onb-check{border-color:var(--accent);box-shadow:0 0 0 4px rgba(77,93,255,.14);} .sfs .onb-step.next .onb-step-num::after{content:" · дальше";color:var(--accent2);font-weight:800;} @media (prefers-reduced-motion:no-preference){ .sfs .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);} .sfs .reveal.in{opacity:1;transform:none;} } .sfs #onb,.sfs #programsSec,.sfs #quickSec,.sfs #supportSec,.sfs #top{scroll-margin-top:80px;}