import React from 'react';

const CyberSecurityArticle: React.FC = () => {
  return (
    <>
      <style>{`
        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Share+Tech+Mono&display=swap');

        :root {
          --bg-body: #0a0a0a;
          --bg-card: #0d0d22;
          --bg-toc: #080818;
          --text-main: #cccccc;
          --text-muted: #888888;
          --accent-blue: #00FFFF;
          --accent-purple: #FF00FF;
          --border-color: rgba(0,255,255,0.2);
        }

        body {
          margin: 0;
          background-color: var(--bg-body);
        }

        .wiki-wrapper {
          font-family: 'Share Tech Mono', monospace;
          background-color: var(--bg-body);
          color: var(--text-main);
          margin: 0;
          padding: 20px;
          line-height: 1.7;
          display: flex;
          justify-content: center;
          min-height: 100vh;
        }

        .wiki-container {
          background-color: var(--bg-card);
          border: 1px solid rgba(0,255,255,0.15);
          border-radius: 12px;
          padding: 40px;
          max-width: 1000px;
          width: 100%;
          box-shadow: 0 0 40px rgba(0,255,255,0.08);
          position: relative;
        }

        h1 {
          font-size: 2.5em;
          color: #00FFFF;
          border-bottom: 1px solid rgba(0,255,255,0.2);
          padding-bottom: 10px;
          margin-top: 0;
          text-shadow: 0 0 20px rgba(0,255,255,0.3);
          font-family: 'Orbitron', monospace;
        }

        h2 {
          font-size: 1.6em;
          color: #00FFFF;
          border-bottom: 1px solid rgba(0,255,255,0.2);
          margin-top: 2em;
          text-shadow: 0 0 10px rgba(0,255,255,0.2);
          font-family: 'Orbitron', monospace;
        }

        h3 {
          font-size: 1.3em;
          color: #00FF41;
          margin-top: 1.5em;
          font-family: 'Orbitron', monospace;
        }

        a {
          color: #00FFFF;
          text-decoration: none;
        }

        a:hover {
          text-decoration: underline;
        }

        /* Инфобокс */
        .infobox {
          float: right;
          width: 300px;
          background-color: var(--bg-toc);
          border: 1px solid rgba(0,255,255,0.2);
          border-radius: 8px;
          margin: 0 0 20px 20px;
          padding: 10px;
          font-size: 0.9em;
          box-shadow: 0 0 15px rgba(0,255,255,0.05);
        }

        .infobox img {
          width: 100%;
          border-radius: 4px;
          display: block;
        }

        .infobox-caption {
          text-align: center;
          padding-top: 8px;
          color: var(--text-muted);
          line-height: 1.3;
        }

        /* Миниатюра */
        .thumb {
          width: 250px;
          border: 1px solid var(--border-color);
          background-color: var(--bg-body);
          padding: 5px;
          margin: 10px 0 10px 20px;
          float: right;
          border-radius: 4px;
        }

        .thumb img {
          width: 100%;
          display: block;
        }

        .thumb-caption {
          font-size: 0.85em;
          padding: 5px;
          color: var(--text-muted);
          line-height: 1.2;
        }

        /* Полная ширина */
        .full-width-img {
          margin: 30px 0;
          width: 100%;
        }

        .full-width-img img {
          width: 100%;
          max-height: 500px;
          object-fit: cover;
          border-radius: 8px;
          border: 1px solid rgba(0,255,255,0.2);
        }

        .full-width-img figcaption {
          text-align: center;
          color: var(--text-muted);
          margin-top: 10px;
        }

        /* Сброс обтекания */
        h2, h3 { clear: both; }

        /* Оглавление */
        .toc {
          background-color: var(--bg-toc);
          border: 1px solid rgba(0,255,255,0.2);
          border-radius: 8px;
          padding: 15px;
          margin: 20px 0;
          display: inline-block;
          box-shadow: 0 0 10px rgba(0,255,255,0.05);
        }

        .toc ul {
          list-style: none;
          padding: 0;
          margin-top: 10px;
        }

        .toc li {
          margin-bottom: 5px;
        }

        /* Источники */
        .sources {
          margin-top: 50px;
          border-top: 1px solid rgba(0,255,255,0.2);
          padding-top: 20px;
        }

        .sources ul {
          color: var(--text-muted);
          font-size: 0.9em;
        }

        /* Мобильная адаптация */
        @media (max-width: 768px) {
          .wiki-container {
            padding: 20px;
          }

          h1 {
            font-size: 1.8em;
          }

          .infobox, .thumb {
            float: none;
            width: 100%;
            margin: 20px 0;
          }
        }
      `}</style>

      <div className="wiki-wrapper">
        <article className="wiki-container">
          {/* Инфобокс */}
          <aside className="infobox">
            <img 
              src="https://media.kasperskydaily.com/wp-content/uploads/sites/90/2023/04/10180238/password-leaks-featured.jpg" 
              alt="Утечки паролей" 
            />
            <div className="infobox-caption">Кибербезопасность в современном мире</div>
          </aside>

          <h1>Кибербезопасность</h1>

          <p>
            В современном мире кибербезопасность стала одной из ключевых областей для защиты данных и инфраструктуры в условиях быстрого развития технологий. Из-за перехода на цифровые технологии и автоматизации процессов во всем мире кибербезопасность создает новые возможности и риски, связанные с киберугрозами. Киберугрозы принимают различные формы и требуют от стран не только технологических решений, но и комплексного подхода к обеспечению безопасности.
          </p>

          {/* Оглавление */}
          <nav className="toc">
            <strong>Содержание</strong>
            <ul>
              <li>1. <a href="#sec1">Социальная инженерия, или Как «взломать» человека</a></li>
              <li>2. <a href="#sec2">Куда попадают украденные данные после фишинговой атаки</a></li>
              <li>3. <a href="#sec3">Как распознать дипфейк: атака клонов</a></li>
            </ul>
          </nav>

          <section id="sec1">
            <h2>Социальная инженерия, или Как «взломать» человека</h2>
            
            {/* Миниатюра */}
            <figure className="thumb">
              <img 
                src="https://media.kasperskydaily.com/wp-content/uploads/sites/90/2014/05/06074545/cards.jpg" 
                alt="Кредитные карты" 
              />
              <figcaption className="thumb-caption">Защита финансовых данных</figcaption>
            </figure>

            <p>
              <b>Социальная инженерия</b> — понятие совсем не новое, оно появилось давным-давно. Известными специалистами-практиками в этой науке стали, например, Кевин Митник и Фрэнк Абаньяле, которые на сегодняшний день являются ведущими консультантами по безопасности. Они живая иллюстрация того, что преступники могут превращаться в уважаемых экспертов. К примеру, тот же Фрэнк Абаньяле был одним из самых знаменитых и виртуозных мошенников: он умел создавать множество личностей, подделывать чеки и обманывать людей, вытягивая из них конфиденциальную информацию, необходимую для работы мошеннических схем. Если вы смотрели фильм «Поймай меня, если сможешь», вы имеете представление о том, на что способен специалист по социнженерии, если он имеет перед собой ясную цель. Вам просто следует помнить, что для получения от вас нужной информации социнженер может использовать различные мошеннические схемы, не ограничивающиеся приемами, связанными с технологиями или компьютерами, так что лучше пользователям с <b>осторожностью</b> относиться к подозрительным действиям, даже если они кажутся обычными. Классическим приемом, например, является выманивание пароля в телефонном звонке. Кажется, что никто в здравом уме не сообщит свой пароль постороннему, но звонок «с работы» в 9 утра в воскресенье, требующий приехать для какой-то мелочевой технической операции над вашим компьютером, несколько меняет дело. Когда «ваш администратор» предложит просто сказать ему пароль, чтобы он все сделал за вас, вы не только сообщите пароль, но и поблагодарите его за заботу! Ну, может, не лично вы, но примерно половина ваших коллег поступит так гарантированно.
            </p>
            
            <p>
              Как мы уже сказали, сегодня установка комплексного решения для обеспечения безопасности — это необходимость, особенно если вы пользуетесь Интернетом (весьма вероятно, что так оно и есть). Более того, ознакомление с новостями и тенденциями в мире онлайн-угроз и социальной инженерии поможет вам избежать атак такого типа (как онлайн, так и в реальной жизни). Помните, что все гаджеты и технологии защиты ничего не стоят, если вы не знаете, как их правильно использовать, и не осведомлены о том, на что способны злоумышленники. Технологии, которыми пользуются преступники, развиваются, и вам не следует отставать, поэтому немного параноидальности в наше время не повредит.
            </p>
          </section>

          <section id="sec2">
            <h2>Куда попадают украденные данные после фишинговой атаки</h2>

            <p>
              Вспомните, какие данные вы ввели на фишинговом сайте. Если вы передали мошенникам реквизиты карты, позвоните в банк и заблокируйте ее. Если вы ввели логин и пароль, которые вы используете для других учетных записей, обязательно смените их. Надежный и уникальный пароль поможет создать и сохранить менеджер паролей.
            </p>
            
            <p>
              Включите двухфакторную аутентификацию (2FA) везде, где только возможно. Подробнее о том, что такое 2FA и как ей пользоваться, мы писали здесь. При выборе способа двухфакторной аутентификации лучше не использовать SMS — сообщение с одноразовым кодом могут перехватить. Оптимальный способ — генерировать одноразовые коды в приложении-аутентификаторе, например в Kaspersky Password Manager.
            </p>
            
            <p>
              Проверьте активные сеансы (список устройств, с которых был совершен вход) в важных аккаунтах. Если видите там неизвестное устройство или IP-адрес, смело завершайте незнакомый сеанс. После этого нужно сменить пароль и установить двухфакторную аутентификацию.
            </p>

            {/* Панорамное фото */}
            <figure className="full-width-img">
              <img 
                src="https://media.kasperskydaily.com/wp-content/uploads/sites/90/2024/07/26152945/product-updates-best-practices-featured.jpg" 
                alt="Обновления продуктов" 
              />
              <figcaption>
                Регулярные обновления — ключ к безопасности
              </figcaption>
            </figure>

            <p>
              Помните: использовать один и тот же пароль в нескольких сервисах — <b>фатальная ошибка.</b> Именно этим и пользуются злоумышленники: даже если вы никогда не сталкивались с фишингом, ваши пароли и данные все равно могут оказаться в утечках, ведь жертвами кибератак становятся не только отдельные люди, но и целые компании: за еще не оконченный 2025 год исследовательский центр Identity Theft Resource Center зафиксировал более двух тысяч утечек. Чтобы снизить риски, необходимо создавать для каждого аккаунта уникальный и сложный пароль. Запоминать их необязательно, да это и невозможно — лучше воспользоваться менеджером паролей, <b>который генерирует и безопасно хранит сложные пароли</b>, синхронизирует их между всеми вашими устройствами и автоматически подставляет на сайтах и в приложениях, а также уведомляет, если какой-то из них оказался в базе утечек.
            </p>
          </section>

          <section id="sec3">
            <h3>Как распознать дипфейк: атака клонов</h3>

            <p>
              Не давайте свою карту никому. Хотя данное правило весьма очевидно, следовать ему в повседневной жизни не так-то просто. Вы можете, например, отдать карту официанту для проведения платежа где-то на кассе или же предоставить ее во временное пользование близкому человеку или ребенку-подростку. Чтобы избежать возможных проблем, настаивайте на том, чтобы присутствовать при проведении платежа, то есть попросите принести терминал к столику или проследуйте за официантом к кассе.<b> Это особенно важно при совершении покупок за рубежом.</b> Чтобы обеспечить надлежащее обращение с кредиткой дома, выпустите дополнительные карты для членов семьи.
            </p>
            
            <p>
              Не используйте карту в подозрительных местах. Угрозой номер один являются уличные банкоматы или банкоматы в менее контролируемых общественных местах. В данном случае существует вероятность использования <b>скимминговых схем</b>, то есть списывания данных кредитной карты и видеосъемки набора PIN-кода для ее клонирования. Избегайте использования карт в очень маленьких магазинах или в других торговых точках с устаревшим оборудованием.
            </p>
            
            <p>
              Никогда не раскрывайте свой PIN-код. <b>Никто не имеет права спрашивать ваш PIN-код</b> — здесь нет никаких исключений. Не записывайте свой PIN. Если вы боитесь забыть его, попробуйте использовать специальный менеджер паролей (о таких можно прочитать в нашем обзоре приложений для iOS и Android). Набирая PIN в банкомате или на терминале, прикрывайте клавиатуру рукой. <b>Не позволяйте никому стоять рядом и подглядывать.</b> Если вы подозреваете, что кто-то узнал ваш PIN, сразу сообщите об этом в банк.
            </p>
            
            <p>
              Сообщайте о любых проблемах. При возникновении любых ситуаций вроде потери карты или непонятного списания средств сразу сообщайте об этом в банк. Своевременность в данном случае играет огромную роль, так как мошенники попытаются воспользоваться вашей картой как можно скорее. К тому же по новому российскому закону банк обязан оперативно компенсировать суммы мошеннических списаний, только если вы заявили о них в течение суток.
            </p>
          </section>

          {/* Источники */}
          <footer className="sources">
            <h3>Источники</h3>
            <ul>
              {/* <li>
                <a href="https://media.kasperskydaily.com/wp-content/uploads/sites/90/2014/05/06074545/cards.jpg">
                  Шесть способов украсть ваш пароль.
                </a>
              </li> */}
              <li>
                <a href="https://www.kaspersky.ru/blog/how-to-recognize-a-deepfake/41250/">
                  Как распознать дипфейк: атака клонов.
                </a>
              </li>
              <li>
                <a href="https://www.kaspersky.ru/blog/securing-credit-card-online-irl/4026/">
                  Как распознать дипфейк.
                </a>
              </li>
              <li>
                <a href="https://www.kaspersky.ru/blog/international-password-day-2025/39449/">
                  Создаем незабываемый пароль.
                </a>
              </li>
            </ul>
          </footer>
        </article>
      </div>
    </>
  );
};

export default CyberSecurityArticle;
