*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;color:#000000;}
p {padding: 10px 0;text-align: justify;}
.container {max-width: 1144px;margin: 0 auto;padding: 0 16px;background-color: #ffffff;}
h2 {margin: 20px 0;text-align: center;}
body{background: #c2c2c4f2;}
header{background:#000000f2;position:relative;padding:12px 0 6px}
.header__container{display:flex;align-items:center}
.header__list{margin-left:auto;list-style-type:none;display:flex}
.header__item:not(:last-child){margin-right:8px}
.header__link{display:block;text-decoration:none;font-size:16px;font-weight: bold;line-height:20px;font-family:Roboto;color:#000000;padding:8px 12px;border-radius:18px;transition:color ease-in .5s,background-color .5s;text-align: center;}
.header__link:hover{color:#ff0000;background:#000000;border-color:transparent}
.burger{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%)}
.burger__item{width:32px;height:4px;background:#000000;border-radius:1px;transition:transform .3s}
.burger__item:not(:last-child){margin-bottom:6px}
.burger--open .burger__item:nth-child(1){transform:rotate(45deg) translate(10px,4px)}
.burger--open .burger__item:nth-child(2){display:none}
.burger--open .burger__item:nth-child(3){transform:rotate(-45deg) translate(3px,3px)}
.logo{margin-right:10px}
.logoimage{width: auto;height: 70px;margin-top: 5px;/*background: black;max-width: 88%;padding: 9px;*/}
.container h1{text-align: center;font-weight:900;font-size:38px;padding-top: 20px;}
ul, ol{margin-left: 30px;}
.dno {
text-align: center;
font-size: 14px;
padding: 7px 0;
line-height: 1.5;
background: #c2c2c4f2;
color: #0b4007;
position: sticky;
bottom: 0;
font-weight: 800;
}
.last {
padding:15px;
background: #c2c2c4f2;
text-align: center;
font-size: 0.75em;
line-height: 1.25em;
font-weight: 400;
}
.last img{
max-width: 200px;
height: auto;
}
.space-footer-copy-left{
width: 50%;
float: left;
position: relative;
}
.space-footer-copy-right{
float: right;
width: 50%;
}
.space-footer-copy-right ul{
list-style: none;
}
#headerbanner{text-align: center;}
#headerbanner img{width: 70%;height: auto;border-radius: 25px;box-shadow: 20px 15px 30px 0px rgb(255 255 255 / 48%);}
.content-button{color: #fff !important; text-decoration: none !important; background-color: #2253ff; border-radius: 23px; padding: 13px 40px !important; font-weight: 700 !important; line-height: 1.25em; margin: auto; width: fit-content;letter-spacing: 0.15em;display: block;}
table {text-align: center;border-spacing: 0; border: solid 1px; border-radius: 29px; overflow: hidden;margin: auto;}
th,td{border:1px solid;padding: 5px;}
th{background-color: #012e5e; color: white; font-size: 16px; font-weight: 700; padding: 7px;}
th a{color: #7b7bff;}
a {color:blue;}
.toc {position: sticky;top: 0;z-index: 1000;display: flex;flex-wrap: wrap;gap: 10px;align-items: center;justify-content: center;padding: 14px;border-bottom: 1px solid #E5E7EB;background: #FAFAFA;}
/* ===== FAQ — красивый аккордеон ===== */
:root{
--faq-bg: #0f172a; /* фон секции */
--faq-card: #111827; /* фон карточек */
--faq-text: #e5e7eb;
--faq-muted:#9ca3af;
--faq-accent:#22d3ee; /* акцент/бордер */
--faq-ring: rgba(34,211,238,.35);
--faq-shadow: 0 10px 20px rgba(0,0,0,.25), 0 6px 6px rgba(0,0,0,.18);
--faq-radius: 14px;
}
@media (prefers-color-scheme: light){
:root{
--faq-bg: #f8fafc;
--faq-card:#ffffff;
--faq-text:#0f172a;
--faq-muted:#475569;
--faq-accent:#0ea5e9;
--faq-ring: rgba(14,165,233,.25);
--faq-shadow: 0 12px 24px rgba(2,6,23,.08), 0 6px 12px rgba(2,6,23,.06);
}
}
/* контейнер секции */
#faq.faq{
background: linear-gradient(180deg, rgba(34,211,238,.06), transparent 35%),
var(--faq-bg);
border: 1px solid rgba(34,211,238,.12);
border-radius: 18px;
padding: clamp(18px, 3vw, 28px);
margin: 32px 0;
}
#faq.faq > h2{
margin: 0 0 14px;
font-size: clamp(22px, 2.4vw, 28px);
line-height: 1.2;
color: var(--faq-text);
letter-spacing: .2px;
}
/* карточки вопросов */
#faq details{
background: var(--faq-card);
color: var(--faq-text);
border: 1px solid rgba(34,211,238,.15);
border-radius: var(--faq-radius);
box-shadow: var(--faq-shadow);
margin: 12px 0;
overflow: clip;
transition: border-color .25s ease, transform .2s ease;
will-change: transform;
}
#faq details:hover{ transform: translateY(-1px); }
#faq details[open]{ border-color: var(--faq-accent); }
/* заголовок вопроса */
#faq summary{
list-style: none;
cursor: pointer;
padding: 16px 56px 16px 18px;
font-weight: 700;
font-size: clamp(15px, 1.6vw, 17px);
color: var(--faq-text);
position: relative;
user-select: none;
outline: none;
}
/* убираем маркер разных браузеров */
#faq summary::-webkit-details-marker{ display: none; }
#faq summary::marker{ content: ""; }
/* стрелка */
#faq summary::after{
content: "";
position: absolute;
right: 18px;
top: 50%;
width: 22px; height: 22px;
transform: translateY(-50%) rotate(0deg);
transition: transform .25s ease, filter .25s ease;
/* chevron svg */
background: center/16px 16px no-repeat
url('data:image/svg+xml;utf8,');
opacity: .9;
filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}
@media (prefers-color-scheme: light){
#faq summary::after{
background-image: url('data:image/svg+xml;utf8,');
}
}
#faq details[open] summary::after{ transform: translateY(-50%) rotate(180deg); }
/* индикация фокуса для доступности */
#faq summary:focus-visible{
box-shadow: 0 0 0 4px var(--faq-ring) inset;
border-radius: calc(var(--faq-radius) - 2px);
}
/* контент ответа */
#faq details > div{
padding: 0 18px 18px;
color: var(--faq-muted);
font-size: 15.5px;
line-height: 1.65;
border-top: 1px dashed rgba(148,163,184,.25);
animation: faq-reveal .28s ease;
}
/* лёгкая анимация открытия */
@keyframes faq-reveal{
from{ opacity: 0; translate: 0 -4px; }
to{ opacity: 1; translate: 0 0; }
}
/* утончённые ссылки внутри ответов */
#faq a{
color: var(--faq-accent);
text-decoration: none;
border-bottom: 1px dashed rgba(34,211,238,.35);
}
#faq a:hover{ border-bottom-style: solid; }
@media screen and (max-width:922px){
.burger{display:block;z-index:100}
.header__list{z-index:-1;opacity:0;visibility:hidden;position:absolute;margin-left:0;top:0;left:0;right:0;flex-direction:column;padding:90px 0 36px;background:#ffffff;font-size:16px;line-height:20px;transition:opacity .3s}
.header__list.header__list--open{z-index:99;opacity:1;visibility:visible;border: 2px solid;}
.header__item:not(:last-child){margin-bottom:24px}
.header__item:not(:last-child):after{}
.header__link{text-align:center;border:none}
.logo{position:relative;z-index:100}
.space-footer-copy-left, .space-footer-copy-right {
width: 100%;
float: none;
margin-bottom: 15px;
text-align: center;
}
th, td {display: block; width:100%;}
table {width:100%;}
.toc {position: unset;}
}
@media screen and (max-width:500px){
.toc {justify-content: stretch;gap: 8px;padding: 12px;}.toc-btn {width: 100%;text-align: center;white-space: normal;}
}
html { scroll-behavior: smooth; }.toc-btn {display: inline-block;padding: 10px 14px;border-radius: 999px;background: white;border: 1px solid #E5E7EB;text-decoration: none;font-size: 14px;line-height: 1;color: #111827;box-shadow: 0 1px 2px rgba(0,0,0,.04);transition: transform .08s ease, box-shadow .2s ease, background .2s ease, color .2s ease;white-space: nowrap;}.toc-btn:hover {transform: translateY(-1px);box-shadow: 0 6px 16px rgba(0,0,0,.08);}.toc-btn.active {background: #2563EB;color: #fff;border-color: #2563EB;box-shadow: 0 4px 12px rgba(37,99,235,.3);} .toc-btn .emoji {display: inline-block;margin-right: 6px;transition: transform 0.2s;}@keyframes bounce {0%, 100% { transform: translateY(0); }50% { transform: translateY(-4px); }}.toc-btn:hover .emoji {animation: bounce 0.4s ease;}