[html]
<style>
.cc-help,
.cc-help * {
    box-sizing: border-box;
}

.cc-help {
    width: 100%;
    max-width: 740px;
    margin: 30px auto;
    overflow: hidden;
    color: #66758d;
    font: 13px/1.75 Arial, sans-serif;
    background:
        radial-gradient(circle at 94% 9%, rgba(241,190,211,.18) 0 75px, transparent 77px),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,244,252,.98));
    border: 1px solid #c8d5e8;
    border-radius: 16px;
    box-shadow:
        0 12px 30px rgba(75,94,128,.14),
        inset 0 0 0 5px rgba(255,255,255,.45);
}

.cc-help-content {
    width: 100%;
    padding: 0 40px 38px;
}

.cc-help-head {
    position: relative;
    height: 41px;
    margin: 0 -40px 42px;
    background-color: #a9bddc;
    background-image:
        linear-gradient(rgba(145,170,207,.08), rgba(145,170,207,.08)),
        url("https://raw.githubusercontent.com/dietcherrycola92-pixel/files/refs/heads/main/%D0%BA%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid rgba(128,150,186,.22);
}

.cc-help-head-title {
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 250px;
    padding: 5px 15px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: lowercase;
    background: #d9a5bc;
    border: 1px solid #c890a9;
    box-shadow:
        0 2px 3px rgba(83,98,127,.18),
        inset 0 1px rgba(255,255,255,.25);
    transform: translateX(-50%);
}

.cc-help-section {
    margin-bottom: 28px;
}

.cc-help-section:last-child {
    margin-bottom: 0;
}

.cc-help-title {
    position: relative;
    margin: 0 0 18px;
    padding: 17px 20px 17px 61px;
    color: #7489ae;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    background: rgba(255,255,255,.72);
    border: 1px dashed #b8c8e1;
    border-radius: 11px;
}

.cc-help-title:before {
    content: "01";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 32px;
    height: 32px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    background: #a5b9dc;
    border-radius: 50%;
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.25);
    transform: translateY(-50%);
}

.cc-help-section-second .cc-help-title {
    color: #b77c95;
    border-color: #dbb8c8;
}

.cc-help-section-second .cc-help-title:before {
    content: "02";
    background: #dda8be;
}

.cc-help-text {
    color: #6f7d92;
    text-align: justify;
}

.cc-help-text p {
    margin: 0 0 12px;
}

.cc-help-subtitle {
    display: inline-block;
    margin: 7px 0 13px;
    padding: 4px 13px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background: #9dafd1;
    border-radius: 20px;
}

.cc-help-section-second .cc-help-subtitle {
    background: #d6a0b7;
}

.cc-help-list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: help-step;
}

.cc-help-list li {
    position: relative;
    min-height: 35px;
    margin: 0 0 9px;
    padding: 7px 12px 7px 45px;
    color: #69788f;
    background: rgba(255,255,255,.66);
    border: 1px solid #d9e1ed;
    border-radius: 8px;
    counter-increment: help-step;
}

.cc-help-list li:before {
    content: counter(help-step);
    position: absolute;
    top: 7px;
    left: 9px;
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    background: #a6b9da;
    border-radius: 50%;
}

.cc-help-section-second .cc-help-list li:before {
    background: #d8a4ba;
}

.cc-help-key {
    padding: 1px 5px 2px;
    color: #a96f89;
    font-weight: 700;
    background: linear-gradient(
        transparent 42%,
        rgba(245,204,220,.75) 42%
    );
}

.cc-help-note {
    position: relative;
    margin-top: 18px;
    padding: 15px 18px 15px 45px;
    color: #65748b;
    font-size: 12px;
    background: #edf2fa;
    border-left: 4px solid #9db2d7;
    border-radius: 8px;
}

.cc-help-note:before {
    content: "!";
    position: absolute;
    top: 16px;
    left: 15px;
    width: 19px;
    height: 19px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    background: #9db2d7;
    border-radius: 50%;
}

.cc-help-warning {
    position: relative;
    margin-top: 18px;
    padding: 18px 20px 18px 56px;
    color: #876979;
    background:
        radial-gradient(circle at 95% 20%, rgba(255,255,255,.55) 0 32px, transparent 33px),
        linear-gradient(135deg, #f8e4ec, #f3d6e2);
    border: 1px solid #e5bdcf;
    border-radius: 10px;
}

.cc-help-warning:before {
    content: "★";
    position: absolute;
    top: 50%;
    left: 18px;
    width: 27px;
    height: 27px;
    color: #fff;
    font-size: 13px;
    line-height: 27px;
    text-align: center;
    background: #d69ab4;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(168,103,132,.16);
    transform: translateY(-50%) rotate(-7deg);
}

.cc-help-warning b {
    color: #ae738c;
}

.cc-help-divider {
    position: relative;
    height: 1px;
    margin: 30px 0;
    background: linear-gradient(
        90deg,
        transparent,
        #cbd6e7 18%,
        #cbd6e7 82%,
        transparent
    );
}

.cc-help-divider:after {
    content: "✦";
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 10px;
    color: #d49ab3;
    font-size: 13px;
    background: #f5f7fb;
    transform: translate(-50%, -50%);
}

@media (max-width: 650px) {
    .cc-help {
        border-radius: 12px;
    }

    .cc-help-content {
        padding: 0 18px 28px;
    }

    .cc-help-head {
        height: 68px;
        margin: 0 -18px 38px;
    }

    .cc-help-head-title {
        width: 210px;
        font-size: 11px;
    }

    .cc-help-text {
        text-align: left;
    }

    .cc-help-title {
        padding: 55px 16px 16px;
    }

    .cc-help-title:before {
        top: 12px;
        left: 15px;
        transform: none;
    }

    .cc-help-list li {
        padding-right: 10px;
    }

    .cc-help-warning {
        padding: 52px 17px 17px;
    }

    .cc-help-warning:before {
        top: 14px;
        left: 16px;
        transform: rotate(-7deg);
    }
}
</style>

<div class="cc-help">
    <div class="cc-help-content">

        <div class="cc-help-head">
            <div class="cc-help-head-title">помощь с RusFF</div>
        </div>

        <div class="cc-help-section">

            <div class="cc-help-title">
                Если не получается зарегистрироваться или RusFF считает вас роботом
            </div>

            <div class="cc-help-text">
                <p>
                    Это сработала автоматическая защита RusFF от ботов. Она может
                    заблокировать регистрацию, отправку анкеты или любого другого
                    сообщения.
                </p>

                <p>
                    Чаще всего это происходит из-за подозрительного IP-адреса,
                    использования VPN или прокси, нескольких повторных отправок
                    подряд либо вмешательства браузерных расширений.
                </p>
            </div>

            <div class="cc-help-subtitle">что можно попробовать</div>

            <ol class="cc-help-list">
                <li>
                    Не нажимайте кнопку <b>«Отправить»</b> несколько раз подряд.
                </li>

                <li>
                    Отключите VPN, прокси и блокировщики рекламы.
                </li>

                <li>
                    Откройте форум в режиме инкогнито.
                </li>

                <li>
                    Переключитесь с рабочего или общественного Wi-Fi на мобильный интернет.
                </li>

                <li>
                    Если ничего не помогло, подождите около часа и попробуйте снова.
                </li>
            </ol>

            <div class="cc-help-note">
                Если через мобильный интернет всё работает, скорее всего, защита
                заблокировала IP-адрес вашей прежней сети.
            </div>

        </div>

        <div class="cc-help-divider"></div>

        <div class="cc-help-section cc-help-section-second">

            <div class="cc-help-title">
                Если форум загружается очень долго
            </div>

            <div class="cc-help-text">
                <p>
                    Иногда загрузку форума тормозит один из подключённых ресурсов:
                    скрипт, реклама, счётчик, шрифт или изображение. Найти его можно
                    через инструменты разработчика в браузере.
                </p>
            </div>

            <div class="cc-help-subtitle">что нужно сделать</div>

            <ol class="cc-help-list">
                <li>
                    Откройте форум.
                </li>

                <li>
                    Нажмите <span class="cc-help-key">Ctrl + Shift + I</span>
                    или клавишу <span class="cc-help-key">F12</span>.
                </li>

                <li>
                    Перейдите во вкладку <b>Network</b>.
                </li>

                <li>
                    Убедитесь, что возле пункта <b>Disable cache</b> не стоит
                    галочка. Если она включена, браузер каждый раз загружает все
                    файлы заново.
                </li>

                <li>
                    Не закрывая инструменты разработчика, обновите страницу
                    клавишей <span class="cc-help-key">F5</span>.
                </li>

                <li>
                    Посмотрите, какой ресурс загружается дольше остальных,
                    зависает или выделяется красным.
                </li>

                <li>
                    Нажмите на него правой кнопкой мыши и выберите
                    <b>Block request URL</b>.
                </li>

                <li>
                    Снова обновите страницу и проверьте скорость загрузки форума.
                </li>
            </ol>

            <div class="cc-help-note">
                Ресурсы лучше блокировать по одному, каждый раз проверяя результат.
                Не блокируйте основные файлы форума наугад: это может привести к
                исчезновению оформления или поломке отдельных функций.
            </div>

            <div class="cc-help-warning">
                <b>Важно:</b> блокировка выбранного ресурса действует только при
                открытых инструментах разработчика. Чтобы форум продолжал
                загружаться быстро, не закрывайте режим разработчика и вкладку
                <b>Network</b>.
            </div>

        </div>

    </div>
</div>
[/html][hideprofile]