[html]

<div class="ag-return"> <div class="ag-return__hero"> <div class="ag-return__hero-main"> <div class="ag-return__headline">Naruto: Best time to return</div> </div> </div> <div class="ag-return__section"> <div class="ag-return__section-head"> <div class="ag-return__section-mark">忍</div> <div class="ag-return__section-title">ИГРА</div> <div class="ag-return__section-line"></div> </div>
<div class="ag-return__cards">

  <div class="ag-return__card ag-return__card--wide">
    <div class="ag-return__tag">ГЛАВНОЕ</div>
    <div class="ag-return__card-title">
      <a href="https://akatsukigood.forum.cool/viewtopic.php?id=342">Последние сюжетные события</a>
    </div>
    <div class="ag-return__card-text">
      Мир шиноби снова опасно накренился: Великие Деревни пытаются удержать контроль, Акацуки совершают активные действия, а за каждым новым решением уже слышится отзвук будущей войны. Здесь собран самый сок происходящего - от смерти Яманака Ино на миссии в Сунагакуре до запечатывания Мататаби. Каждый шаг наших игроков меняет мир.
    </div>
  </div>

  <div class="ag-return__card">
    <div class="ag-return__tag">ДОПРОС</div>
    <div class="ag-return__card-title">
      <a href="https://akatsukigood.forum.cool/viewtopic.php?id=454">Пейн и Хатаке Какаши</a>
    </div>
    <div class="ag-return__card-text">
      Пленный Какаши оказывается перед Пейном - и разговор слишком быстро перестает быть просто разговором. Это моральная пытка или исповедь перед человеком, который сам давно приговаривает других? А может, граница между словами и болью здесь тоньше, чем кажется.
    </div>
  </div>

  <div class="ag-return__card">
    <div class="ag-return__tag">АМЕГАКУРЕ</div>
    <div class="ag-return__card-title">Коноха в плену Акацуки</div>
    <div class="ag-return__card-text">
      Шиноби Конохи в плену Акацуки решительно доказывают: даже если тебя заперли во вражеской клетке, это еще не повод вести себя скучно. В <a href="https://akatsukigood.forum.cool/viewtopic.php?id=437">одном</a> и <a href="https://akatsukigood.forum.cool/viewtopic.php?id=431">другом</a> эпизодах хватает той особой отчаянной бодрости, от которой Акацуки наверняка хочется перепроверить замки на дверях.
    </div>
  </div>

  <div class="ag-return__card">
    <div class="ag-return__tag">МИССИИ</div>
    <div class="ag-return__card-title">Акацуки занимаются делом</div>
    <div class="ag-return__card-text">
      <a href="https://akatsukigood.forum.cool/viewtopic.php?id=458">Хидан и Какузу</a> начали миссию по борьбе с религиозным культом, а <a href="https://akatsukigood.forum.cool/viewtopic.php?id=451">Учиха Ламиноко и Дейдара</a> готовятся навести шума в Стране Клыков. У одних на носу религиозная борьба, у других - искусство, и никому вокруг легче не станет.
    </div>
  </div>

  <div class="ag-return__card ag-return__card--wide">
    <div class="ag-return__tag">ВЕЛИКИЕ ДЕРЕВНИ</div>
    <div class="ag-return__card-title">Шиноби не отстают</div>
    <div class="ag-return__card-text">
      Шиноби Великих Деревень тоже не сбавляют темп: <a href="https://akatsukigood.forum.cool/viewtopic.php?id=346">миссия по обмену между Кири и Конохой</a> развивает интригу на туманном побережье маленькой деревушки, а у шиноби Конохи хватает времени и на романтические приключения между распутыванием загадок. <a href="https://akatsukigood.forum.cool/viewtopic.php?id=448">Миссия Сунагакуре</a> держит фокус на защите интересов деревни от предателей, что могут скрываться за каждым барханом. А <a href="https://akatsukigood.forum.cool/viewtopic.php?id=439">еще один эпизод</a> напоминает, что даже случайная миссия легко превращается в историю, за которой хочется следить до конца.
    </div>
  </div>

  <div class="ag-return__card">
    <div class="ag-return__tag">ЭКЗАМЕН</div>
    <div class="ag-return__card-title">
      <a href="https://akatsukigood.forum.cool/viewtopic.php?id=391">Держи ухо востро</a>
    </div>
    <div class="ag-return__card-text">
      Инузука Хана сдает экзамен на токубецу-джонина - пожелаем ей удачи, крепких нервов и идеального нюха на любые подвохи от Какаши и Цунаде.
    </div>
  </div>

  <div class="ag-return__card">
    <div class="ag-return__tag">ПРОШЛОЕ</div>
    <div class="ag-return__card-title">
      <a href="https://akatsukigood.forum.cool/viewtopic.php?id=457#p38848">Основатели Конохи в деле</a>
    </div>
    <div class="ag-return__card-text">
      В далеком прошлом тоже не скучно: Учиха Мадара и Сенджу Тобирама воюют с последствиями творческого порыва Бога Шиноби в виде плотоядного толчка - и одно это уже звучит как причина срочно открыть эпизод.
    </div>
  </div>

</div>
</div> <div class="ag-return__section"> <div class="ag-return__section-head"> <div class="ag-return__section-mark">縁</div> <div class="ag-return__section-title">ВНЕИГРОВОЕ</div> <div class="ag-return__section-line"></div> </div>
<div class="ag-return__wide-call">
  <div class="ag-return__wide-call-title">ИЩЕМ КАКУЗУ, УЧИХУ ИТАЧИ, ХОШИГАКЕ КИСАМЕ И УЧИХУ САСКЕ</div>
  <div class="ag-return__wide-call-text">
    Сюжет уже раскален, конфликты начаты, а значит сейчас лучшее время зайти в игру тем, кто любит драму, опасные союзы и последствия, от которых потом гудит весь мир шиноби.
  </div>
</div>

<div class="ag-return__bottom">

  <div class="ag-return__feature">
    <div class="ag-return__feature-head">Запоминающийся пост</div>
    <div class="ag-return__feature-box">
      <div class="ag-return__feature-text">
        — <b>«Отрубишь — и перешью заново»?</b> — переспросил он, почти срываясь на визг, от которого в ближайших кустах вспорхнули птицы. — <b>Ты серьезно сейчас? Ты мне предлагаешь добровольно отхреначить ногу, которую ты же сам, криворукий ты хер, едва приладил?</b>
      </div>
    </div>
    <a class="ag-return__button" href="https://akatsukigood.forum.cool/viewtopic.php?id=458#p39129">ОТКРЫТЬ ПОСТ</a>
  </div>

  <div class="ag-return__feature">
    <div class="ag-return__feature-head">САМЫЙ АКТИВНЫЙ ЭПИЗОД</div>
    <div class="ag-return__feature-box">
      <div class="ag-return__feature-subtitle">Пейн &amp; Хатаке Какаши</div>
      <div class="ag-return__feature-text">
        В этом эпизоде каждое слово звучит как удар по старым ранам: пленник держится, допрашивающий давит, а между ними постепенно остается все меньше тайн и все больше вопросов, на которые больно отвечать.
      </div>
    </div>
    <a class="ag-return__button" href="https://akatsukigood.forum.cool/viewtopic.php?id=454">СЛЕДИТЬ ЗА ЭПИЗОДОМ</a>
  </div>

</div>
</div> </div> <style> .ag-return, .ag-return * { box-sizing: border-box; } .ag-return { width: 100%; max-width: 1720px; margin: 0 auto; padding: 18px 18px 24px; position: relative; overflow: hidden; color: #f4dfcf; background-color: #31070a; background-image: radial-gradient(circle at 16% 18%, rgba(151, 22, 35, .62) 0%, rgba(151, 22, 35, .18) 24%, rgba(151, 22, 35, 0) 52%), radial-gradient(circle at 82% 16%, rgba(139, 95, 56, .38) 0%, rgba(139, 95, 56, .14) 30%, rgba(139, 95, 56, 0) 58%), linear-gradient(90deg, rgba(83, 0, 8, .96) 0%, rgba(44, 10, 12, .98) 54%, rgba(55, 33, 18, .94) 100%), repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0px, rgba(255,255,255,.018) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 4px); border: 1px solid rgba(174, 111, 81, .35); box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); font-family: Verdana, Arial, sans-serif; font-size: 0; line-height: 0; } .ag-return:before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(188, 128, 86, .26); pointer-events: none; } .ag-return:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.035), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.025)), radial-gradient(circle at center, rgba(255,255,255,.04), rgba(0,0,0,.20) 72%); pointer-events: none; } .ag-return a { color: #f0d7c0; text-decoration: none; } .ag-return a:hover { color: #ffffff; } .ag-return__hero { display: flex; align-items: stretch; gap: 26px; position: relative; z-index: 2; padding: 48px 26px 48px; } .ag-return__hero-main { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: center; } .ag-return__headline { display: block; width: 100%; padding: 22px 24px; color: #f4ddc2; font-family: Impact, "Arial Black", sans-serif; font-size: 62px; line-height: .95; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .ag-return__section { position: relative; z-index: 2; padding: 0 26px 16px; } .ag-return__section-head { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; } .ag-return__section-mark { flex: 0 0 72px; height: 58px; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #d55a60 0%, #8c0f18 100%); color: #fff3e7; border: 1px solid rgba(255,255,255,.08); font-family: Georgia, "Times New Roman", serif; font-size: 34px; line-height: 1; font-weight: 700; } .ag-return__section-title { color: #e8c18d; font-family: Georgia, "Times New Roman", serif; font-size: 30px; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; } .ag-return__section-line { flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, rgba(181, 124, 84, .7), rgba(181, 124, 84, .12)); } .ag-return__cards { display: flex; flex-wrap: wrap; gap: 14px; } .ag-return__card { flex: 1 1 calc(50% - 7px); min-width: 320px; padding: 28px 26px 22px; background: rgba(31, 17, 18, .58); border: 1px solid rgba(188, 128, 86, .34); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.12); } .ag-return__card--wide { flex-basis: 100%; } .ag-return__tag { display: inline-block; margin-bottom: 16px; padding: 8px 14px; background: #a62f3b; color: #fff2e6; font-family: Impact, "Arial Black", sans-serif; font-size: 16px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; } .ag-return__card-title { margin-bottom: 14px; color: #ffffff; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 34px; line-height: 1.1; font-weight: 700; } .ag-return__card-title a { color: #ffffff; } .ag-return__card-text { color: #ecd7c8; font-size: 18px; line-height: 1.62; } .ag-return__wide-call { margin-bottom: 16px; padding: 22px 24px; background: rgba(96, 9, 14, .38); border: 1px solid rgba(172, 63, 70, .55); } .ag-return__wide-call-title { margin-bottom: 10px; color: #fff0e0; font-family: Impact, "Arial Black", sans-serif; font-size: 28px; line-height: 1.05; text-transform: uppercase; } .ag-return__wide-call-text { color: #eed8c7; font-size: 18px; line-height: 1.6; } .ag-return__bottom { display: flex; gap: 18px; align-items: stretch; } .ag-return__feature { flex: 1 1 50%; min-width: 0; padding: 22px 22px 20px; background: rgba(17, 7, 8, .58); border: 1px solid rgba(188, 128, 86, .34); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.12); } .ag-return__feature-head { margin-bottom: 18px; color: #e5ba7d; font-family: Georgia, "Times New Roman", serif; font-size: 22px; line-height: 1.15; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .ag-return__feature-box { padding: 16px 18px; background: rgba(255,255,255,.04); border-left: 6px solid #b42634; } .ag-return__feature-subtitle { margin-bottom: 12px; color: #fff0df; font-size: 18px; line-height: 1.3; font-weight: 700; } .ag-return__feature-text { color: #ecd8ca; font-size: 17px; line-height: 1.65; } .ag-return__button { display: inline-block; margin-top: 18px; padding: 12px 18px; background: #a62f3b; color: #fff0e4 !important; font-family: Impact, "Arial Black", sans-serif; font-size: 16px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; } .ag-return__button:hover { background: #c2434e; } .ag-return__headline, .ag-return__section-mark, .ag-return__section-title, .ag-return__tag, .ag-return__card-title, .ag-return__card-text, .ag-return__wide-call-title, .ag-return__wide-call-text, .ag-return__feature-head, .ag-return__feature-subtitle, .ag-return__feature-text, .ag-return__button { line-height: normal; } @media (max-width: 1100px) { .ag-return__headline { font-size: 48px; } .ag-return__card-title { font-size: 28px; } .ag-return__card-text, .ag-return__wide-call-text, .ag-return__feature-text { font-size: 16px; } } @media (max-width: 860px) { .ag-return__hero, .ag-return__bottom { flex-direction: column; } .ag-return__headline { font-size: 36px; padding: 10px 0 0; } .ag-return__card { flex-basis: 100%; min-width: 0; } .ag-return__section-head { gap: 12px; } .ag-return__section-title { font-size: 22px; } .ag-return__section-mark { flex-basis: 56px; height: 48px; font-size: 28px; } } </style>

[/html]