.hero{position:relative;background:linear-gradient(135deg,rgba(15,18,40,.95) 0%,rgba(10,12,28,.98) 50%,rgba(20,25,55,.95) 100%);border-bottom:1px solid rgba(27,158,255,.15);padding:110px 0 48px;overflow:hidden}.hero__container{max-width:88rem;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1;text-align:center}.hero__title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#fff;margin-bottom:16px;line-height:1.2}.hero__title span{color:#1b9eff}.hero__desc{font-size:clamp(.95rem,1.5vw,1.125rem);color:rgba(220,220,230,.85);max-width:640px;margin:0 auto 28px;line-height:1.65}.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hero__btn--primary{background:linear-gradient(135deg,#1b9eff 0%,#1464c8 100%);color:#fff;box-shadow:0 4px 16px rgba(27,158,255,.35)}.hero__btn--primary:hover,.hero__btn--primary:focus{background:linear-gradient(135deg,#28aaff 0%,#1e78dc 100%);box-shadow:0 6px 24px rgba(27,158,255,.45);color:#fff}.hero__btn--secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15)}.hero__btn--secondary:hover,.hero__btn--secondary:focus{background:rgba(255,255,255,.14);border-color:rgba(27,158,255,.4);color:#fff}.hero__badges{display:flex;gap:24px;justify-content:center;margin-top:32px;flex-wrap:wrap}.hero__badge{display:flex;align-items:center;gap:6px;color:rgba(220,220,230,.7);font-size:.85rem}.hero__badge svg{width:16px;height:16px;fill:#1b9eff;flex-shrink:0}.header__nav{display:none;align-items:center;gap:4px;margin-left:24px}@media (min-width:960px){.header__nav{display:flex}}.header__nav a{color:rgba(220,220,230,.85);text-decoration:none;font-size:.85rem;font-weight:500;padding:6px 12px;border-radius:6px;white-space:nowrap}.header__nav a:hover,.header__nav a:focus{color:#1b9eff;background:rgba(27,158,255,.08)}.mobile-menu__nav{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.mobile-menu__nav a{display:block;color:rgba(220,220,230,.9);text-decoration:none;padding:14px 20px;font-size:16px;font-weight:500;min-height:48px;line-height:1.4}.mobile-menu__nav a:hover,.mobile-menu__nav a:focus{background:rgba(27,158,255,.1);color:#1b9eff}.mobile-menu__cta{width:100%;max-width:200px;margin:0 auto;padding:0 20px}.mobile-menu__cta .button{width:100%;min-height:48px;text-align:center;justify-content:center}.toc{background:var(--article-table-contents,rgba(27,158,255,.06));border:1px solid rgba(27,158,255,.12);border-radius:12px;padding:20px 24px;margin-top:36px;margin-bottom:28px}.toc__title{font-size:18px;font-weight:700;color:#fff;margin-bottom:14px}.toc__list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.toc__list li{counter-increment:toc-counter;margin-bottom:8px}.toc__list li a{color:#8cc8ff;text-decoration:none;font-size:15px;display:flex;align-items:baseline;gap:8px}.toc__list li a::before{content:counter(toc-counter) ".";font-weight:600;min-width:22px;color:rgba(27,158,255,.6)}.toc__list li a:hover,.toc__list li a:focus{color:#1b9eff}.faq{margin-top:16px}.faq__item{border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:10px;background:rgba(25,28,50,.6);overflow:hidden}.faq__item:hover{border-color:rgba(27,158,255,.25)}.faq__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;min-height:48px;background:transparent;border:none;cursor:pointer;text-align:left;color:#fff;font-size:15px;font-weight:600;line-height:1.45;touch-action:manipulation}.faq__toggle::after{content:'';width:10px;height:10px;border-right:2px solid rgba(27,158,255,.6);border-bottom:2px solid rgba(27,158,255,.6);transform:rotate(45deg);flex-shrink:0;margin-left:12px}.faq__toggle[aria-expanded=true]::after{transform:rotate(-135deg)}.faq__toggle:hover,.faq__toggle:focus{color:#1b9eff}.faq__body{display:none;padding:0 20px 16px}.faq__toggle[aria-expanded=true]+.faq__body{display:block}@media (scripting:none){.faq__body{display:block}}.faq__body p{color:rgba(220,220,230,.8);font-size:14px;line-height:1.65}.footer__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin-bottom:20px}.footer__nav a{color:rgba(255,255,255,.6);text-decoration:none;font-size:14px;padding:4px 0;min-height:44px;display:inline-flex;align-items:center}.footer__nav a:hover,.footer__nav a:focus{color:#1b9eff}.app__main{padding-top:0!important;margin-top:0!important}.article__img{max-width:100%;height:auto;display:block;margin:0 auto}.article__section{content-visibility:auto;contain-intrinsic-size:auto 500px}#faq.article__section{content-visibility:visible;contain-intrinsic-size:auto}body{background-color:#0a0c1c!important;background-image:none!important}.hero,.app__main{background:linear-gradient(135deg,rgba(15,18,40,.95) 0%,rgba(10,12,28,.98) 50%,rgba(20,25,55,.95) 100%)!important;border-bottom:none!important}@media (max-width:600px){.hero{padding:140px 0 32px}.hero__actions{flex-direction:column;align-items:stretch}.hero__btn{width:100%;max-width:100%;padding:16px 24px;font-size:1.0625rem}.hero__badges{gap:16px}}@media (max-width:480px){.header__rightItem .button{min-height:44px!important;padding:0 14px!important;font-size:13px!important}.logo__img{width:60px!important;height:auto!important}.burger{margin-left:4px;padding:0 8px;width:44px;height:44px;min-width:44px;min-height:44px}.header{padding-left:10px;padding-right:10px}.hero{padding-top:170px!important}}.footer__contacts{color:#fff}.faq .faq__item{display:block!important;overflow:visible!important;padding:0!important;border-bottom:none!important}.faq .faq__body{height:auto!important;max-height:none!important;overflow:visible!important;margin-top:0!important;transition:none!important}.faq .faq__toggle[aria-expanded=true]+.faq__body{display:block!important;height:auto!important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ════════════════════════════════════════════════════════════════════
   ЦВЕТОВЫЕ СХЕМЫ — переключение: <html data-scheme="N"> (N = 1..6)
   Без атрибута действует оригинальная схема.
   ════════════════════════════════════════════════════════════════════ */
/* ══ Схема 1: Ночной синий (оригинал) ══ */
html[data-scheme="1"] body{background-color:rgb(10,12,28)!important}
html[data-scheme="1"] .hero,html[data-scheme="1"] .app__main{background:linear-gradient(135deg,rgba(15,18,40,0.95) 0%,rgba(10,12,28,0.98) 50%,rgba(20,25,55,0.95) 100%)!important}
html[data-scheme="1"] .hero__title span{color:rgb(27,158,255)}
html[data-scheme="1"] .hero__btn--primary{background:linear-gradient(135deg,rgb(27,158,255) 0%,rgb(20,100,200) 100%);box-shadow:0 4px 16px rgba(27,158,255,0.35)}
html[data-scheme="1"] .hero__btn--primary:hover,html[data-scheme="1"] .hero__btn--primary:focus{background:linear-gradient(135deg,rgb(40,170,255) 0%,rgb(30,120,220) 100%);box-shadow:0 6px 24px rgba(27,158,255,0.45);color:#fff}
html[data-scheme="1"] .hero__btn--secondary:hover,html[data-scheme="1"] .hero__btn--secondary:focus{border-color:rgba(27,158,255,0.4)}
html[data-scheme="1"] .hero__badge svg{fill:rgb(27,158,255)}
html[data-scheme="1"] .header__nav a:hover,html[data-scheme="1"] .header__nav a:focus{color:rgb(27,158,255);background:rgba(27,158,255,0.08)}
html[data-scheme="1"] .mobile-menu__nav a:hover,html[data-scheme="1"] .mobile-menu__nav a:focus{background:rgba(27,158,255,0.1);color:rgb(27,158,255)}
html[data-scheme="1"] .toc{border-color:rgba(27,158,255,0.12)}
html[data-scheme="1"] .toc__list li a{color:#8cc8ff}
html[data-scheme="1"] .toc__list li a::before{color:rgba(27,158,255,0.6)}
html[data-scheme="1"] .toc__list li a:hover,html[data-scheme="1"] .toc__list li a:focus{color:rgb(27,158,255)}
html[data-scheme="1"] .faq__item{background:rgba(25,28,50,0.6)}
html[data-scheme="1"] .faq__item:hover{border-color:rgba(27,158,255,0.25)}
html[data-scheme="1"] .faq__toggle::after{border-right:2px solid rgba(27,158,255,0.6);border-bottom:2px solid rgba(27,158,255,0.6)}
html[data-scheme="1"] .faq__toggle:hover,html[data-scheme="1"] .faq__toggle:focus{color:rgb(27,158,255)}
html[data-scheme="1"] .footer__nav a:hover,html[data-scheme="1"] .footer__nav a:focus{color:rgb(27,158,255)}
/* ══ Схема 2: Изумрудная ночь ══ */
html[data-scheme="2"] body{background-color:rgb(4,13,8)!important}
html[data-scheme="2"] .hero,html[data-scheme="2"] .app__main{background:linear-gradient(135deg,rgba(5,15,9,0.95) 0%,rgba(3,9,5,0.98) 50%,rgba(8,20,12,0.95) 100%)!important}
html[data-scheme="2"] .hero__title span{color:rgb(0,214,143)}
html[data-scheme="2"] .hero__btn--primary{background:linear-gradient(135deg,rgb(0,214,143) 0%,rgb(0,163,110) 100%);box-shadow:0 4px 16px rgba(0,214,143,0.35)}
html[data-scheme="2"] .hero__btn--primary:hover,html[data-scheme="2"] .hero__btn--primary:focus{background:linear-gradient(135deg,rgb(0,235,162) 0%,rgb(0,180,132) 100%);box-shadow:0 6px 24px rgba(0,214,143,0.45);color:#fff}
html[data-scheme="2"] .hero__btn--secondary:hover,html[data-scheme="2"] .hero__btn--secondary:focus{border-color:rgba(0,214,143,0.4)}
html[data-scheme="2"] .hero__badge svg{fill:rgb(0,214,143)}
html[data-scheme="2"] .header__nav a:hover,html[data-scheme="2"] .header__nav a:focus{color:rgb(0,214,143);background:rgba(0,214,143,0.08)}
html[data-scheme="2"] .mobile-menu__nav a:hover,html[data-scheme="2"] .mobile-menu__nav a:focus{background:rgba(0,214,143,0.1);color:rgb(0,214,143)}
html[data-scheme="2"] .toc{border-color:rgba(0,214,143,0.12)}
html[data-scheme="2"] .toc__list li a{color:#7df5c8}
html[data-scheme="2"] .toc__list li a::before{color:rgba(0,214,143,0.6)}
html[data-scheme="2"] .toc__list li a:hover,html[data-scheme="2"] .toc__list li a:focus{color:rgb(0,214,143)}
html[data-scheme="2"] .faq__item{background:rgba(12,40,24,0.6)}
html[data-scheme="2"] .faq__item:hover{border-color:rgba(0,214,143,0.25)}
html[data-scheme="2"] .faq__toggle::after{border-right:2px solid rgba(0,214,143,0.6);border-bottom:2px solid rgba(0,214,143,0.6)}
html[data-scheme="2"] .faq__toggle:hover,html[data-scheme="2"] .faq__toggle:focus{color:rgb(0,214,143)}
html[data-scheme="2"] .footer__nav a:hover,html[data-scheme="2"] .footer__nav a:focus{color:rgb(0,214,143)}
/* ══ Схема 3: Пурпурная ночь ══ */
html[data-scheme="3"] body{background-color:rgb(10,6,18)!important}
html[data-scheme="3"] .hero,html[data-scheme="3"] .app__main{background:linear-gradient(135deg,rgba(20,10,36,0.95) 0%,rgba(10,6,18,0.98) 50%,rgba(28,15,52,0.95) 100%)!important}
html[data-scheme="3"] .hero__title span{color:rgb(168,85,247)}
html[data-scheme="3"] .hero__btn--primary{background:linear-gradient(135deg,rgb(168,85,247) 0%,rgb(124,58,237) 100%);box-shadow:0 4px 16px rgba(168,85,247,0.35)}
html[data-scheme="3"] .hero__btn--primary:hover,html[data-scheme="3"] .hero__btn--primary:focus{background:linear-gradient(135deg,rgb(192,132,252) 0%,rgb(147,80,220) 100%);box-shadow:0 6px 24px rgba(168,85,247,0.45);color:#fff}
html[data-scheme="3"] .hero__btn--secondary:hover,html[data-scheme="3"] .hero__btn--secondary:focus{border-color:rgba(168,85,247,0.4)}
html[data-scheme="3"] .hero__badge svg{fill:rgb(168,85,247)}
html[data-scheme="3"] .header__nav a:hover,html[data-scheme="3"] .header__nav a:focus{color:rgb(168,85,247);background:rgba(168,85,247,0.08)}
html[data-scheme="3"] .mobile-menu__nav a:hover,html[data-scheme="3"] .mobile-menu__nav a:focus{background:rgba(168,85,247,0.1);color:rgb(168,85,247)}
html[data-scheme="3"] .toc{border-color:rgba(168,85,247,0.12)}
html[data-scheme="3"] .toc__list li a{color:#d8b4fe}
html[data-scheme="3"] .toc__list li a::before{color:rgba(168,85,247,0.6)}
html[data-scheme="3"] .toc__list li a:hover,html[data-scheme="3"] .toc__list li a:focus{color:rgb(168,85,247)}
html[data-scheme="3"] .faq__item{background:rgba(30,18,55,0.6)}
html[data-scheme="3"] .faq__item:hover{border-color:rgba(168,85,247,0.25)}
html[data-scheme="3"] .faq__toggle::after{border-right:2px solid rgba(168,85,247,0.6);border-bottom:2px solid rgba(168,85,247,0.6)}
html[data-scheme="3"] .faq__toggle:hover,html[data-scheme="3"] .faq__toggle:focus{color:rgb(168,85,247)}
html[data-scheme="3"] .footer__nav a:hover,html[data-scheme="3"] .footer__nav a:focus{color:rgb(168,85,247)}
/* ══ Схема 4: Янтарная заря ══ */
html[data-scheme="4"] body{background-color:rgb(15,10,2)!important}
html[data-scheme="4"] .hero,html[data-scheme="4"] .app__main{background:linear-gradient(135deg,rgba(32,22,5,0.95) 0%,rgba(15,10,2,0.98) 50%,rgba(46,34,8,0.95) 100%)!important}
html[data-scheme="4"] .hero__title span{color:rgb(245,158,11)}
html[data-scheme="4"] .hero__btn--primary{background:linear-gradient(135deg,rgb(245,158,11) 0%,rgb(180,83,9) 100%);box-shadow:0 4px 16px rgba(245,158,11,0.35)}
html[data-scheme="4"] .hero__btn--primary:hover,html[data-scheme="4"] .hero__btn--primary:focus{background:linear-gradient(135deg,rgb(252,196,25) 0%,rgb(210,130,40) 100%);box-shadow:0 6px 24px rgba(245,158,11,0.45);color:#fff}
html[data-scheme="4"] .hero__btn--secondary:hover,html[data-scheme="4"] .hero__btn--secondary:focus{border-color:rgba(245,158,11,0.4)}
html[data-scheme="4"] .hero__badge svg{fill:rgb(245,158,11)}
html[data-scheme="4"] .header__nav a:hover,html[data-scheme="4"] .header__nav a:focus{color:rgb(245,158,11);background:rgba(245,158,11,0.08)}
html[data-scheme="4"] .mobile-menu__nav a:hover,html[data-scheme="4"] .mobile-menu__nav a:focus{background:rgba(245,158,11,0.1);color:rgb(245,158,11)}
html[data-scheme="4"] .toc{border-color:rgba(245,158,11,0.12)}
html[data-scheme="4"] .toc__list li a{color:#fde68a}
html[data-scheme="4"] .toc__list li a::before{color:rgba(245,158,11,0.6)}
html[data-scheme="4"] .toc__list li a:hover,html[data-scheme="4"] .toc__list li a:focus{color:rgb(245,158,11)}
html[data-scheme="4"] .faq__item{background:rgba(50,38,8,0.6)}
html[data-scheme="4"] .faq__item:hover{border-color:rgba(245,158,11,0.25)}
html[data-scheme="4"] .faq__toggle::after{border-right:2px solid rgba(245,158,11,0.6);border-bottom:2px solid rgba(245,158,11,0.6)}
html[data-scheme="4"] .faq__toggle:hover,html[data-scheme="4"] .faq__toggle:focus{color:rgb(245,158,11)}
html[data-scheme="4"] .footer__nav a:hover,html[data-scheme="4"] .footer__nav a:focus{color:rgb(245,158,11)}
/* ══ Схема 5: Алый закат ══ */
html[data-scheme="5"] body{background-color:rgb(15,4,4)!important}
html[data-scheme="5"] .hero,html[data-scheme="5"] .app__main{background:linear-gradient(135deg,rgba(32,8,8,0.95) 0%,rgba(15,4,4,0.98) 50%,rgba(46,10,10,0.95) 100%)!important}
html[data-scheme="5"] .hero__title span{color:rgb(239,68,68)}
html[data-scheme="5"] .hero__btn--primary{background:linear-gradient(135deg,rgb(239,68,68) 0%,rgb(185,28,28) 100%);box-shadow:0 4px 16px rgba(239,68,68,0.35)}
html[data-scheme="5"] .hero__btn--primary:hover,html[data-scheme="5"] .hero__btn--primary:focus{background:linear-gradient(135deg,rgb(248,113,113) 0%,rgb(220,50,50) 100%);box-shadow:0 6px 24px rgba(239,68,68,0.45);color:#fff}
html[data-scheme="5"] .hero__btn--secondary:hover,html[data-scheme="5"] .hero__btn--secondary:focus{border-color:rgba(239,68,68,0.4)}
html[data-scheme="5"] .hero__badge svg{fill:rgb(239,68,68)}
html[data-scheme="5"] .header__nav a:hover,html[data-scheme="5"] .header__nav a:focus{color:rgb(239,68,68);background:rgba(239,68,68,0.08)}
html[data-scheme="5"] .mobile-menu__nav a:hover,html[data-scheme="5"] .mobile-menu__nav a:focus{background:rgba(239,68,68,0.1);color:rgb(239,68,68)}
html[data-scheme="5"] .toc{border-color:rgba(239,68,68,0.12)}
html[data-scheme="5"] .toc__list li a{color:#fca5a5}
html[data-scheme="5"] .toc__list li a::before{color:rgba(239,68,68,0.6)}
html[data-scheme="5"] .toc__list li a:hover,html[data-scheme="5"] .toc__list li a:focus{color:rgb(239,68,68)}
html[data-scheme="5"] .faq__item{background:rgba(50,10,10,0.6)}
html[data-scheme="5"] .faq__item:hover{border-color:rgba(239,68,68,0.25)}
html[data-scheme="5"] .faq__toggle::after{border-right:2px solid rgba(239,68,68,0.6);border-bottom:2px solid rgba(239,68,68,0.6)}
html[data-scheme="5"] .faq__toggle:hover,html[data-scheme="5"] .faq__toggle:focus{color:rgb(239,68,68)}
html[data-scheme="5"] .footer__nav a:hover,html[data-scheme="5"] .footer__nav a:focus{color:rgb(239,68,68)}
/* ══ Схема 6: Ледяной бирюзовый ══ */
html[data-scheme="6"] body{background-color:rgb(2,12,15)!important}
html[data-scheme="6"] .hero,html[data-scheme="6"] .app__main{background:linear-gradient(135deg,rgba(5,20,28,0.95) 0%,rgba(2,12,15,0.98) 50%,rgba(7,28,40,0.95) 100%)!important}
html[data-scheme="6"] .hero__title span{color:rgb(6,182,212)}
html[data-scheme="6"] .hero__btn--primary{background:linear-gradient(135deg,rgb(6,182,212) 0%,rgb(14,116,144) 100%);box-shadow:0 4px 16px rgba(6,182,212,0.35)}
html[data-scheme="6"] .hero__btn--primary:hover,html[data-scheme="6"] .hero__btn--primary:focus{background:linear-gradient(135deg,rgb(34,211,238) 0%,rgb(20,150,180) 100%);box-shadow:0 6px 24px rgba(6,182,212,0.45);color:#fff}
html[data-scheme="6"] .hero__btn--secondary:hover,html[data-scheme="6"] .hero__btn--secondary:focus{border-color:rgba(6,182,212,0.4)}
html[data-scheme="6"] .hero__badge svg{fill:rgb(6,182,212)}
html[data-scheme="6"] .header__nav a:hover,html[data-scheme="6"] .header__nav a:focus{color:rgb(6,182,212);background:rgba(6,182,212,0.08)}
html[data-scheme="6"] .mobile-menu__nav a:hover,html[data-scheme="6"] .mobile-menu__nav a:focus{background:rgba(6,182,212,0.1);color:rgb(6,182,212)}
html[data-scheme="6"] .toc{border-color:rgba(6,182,212,0.12)}
html[data-scheme="6"] .toc__list li a{color:#a5f3fc}
html[data-scheme="6"] .toc__list li a::before{color:rgba(6,182,212,0.6)}
html[data-scheme="6"] .toc__list li a:hover,html[data-scheme="6"] .toc__list li a:focus{color:rgb(6,182,212)}
html[data-scheme="6"] .faq__item{background:rgba(8,32,44,0.6)}
html[data-scheme="6"] .faq__item:hover{border-color:rgba(6,182,212,0.25)}
html[data-scheme="6"] .faq__toggle::after{border-right:2px solid rgba(6,182,212,0.6);border-bottom:2px solid rgba(6,182,212,0.6)}
html[data-scheme="6"] .faq__toggle:hover,html[data-scheme="6"] .faq__toggle:focus{color:rgb(6,182,212)}
html[data-scheme="6"] .footer__nav a:hover,html[data-scheme="6"] .footer__nav a:focus{color:rgb(6,182,212)}