Array
(
    [page] => 5
    [url] => blog
)
Array
(
    [0] => <a href="https://rutasker.com/page/kak-nabrat-pervyh-podpischikov-v-vk">Как набрать первых подписчиков в ВК: пошаговое руководство от нуля до первой тысячи</a>
    [1] => https://rutasker.com/page/kak-nabrat-pervyh-podpischikov-v-vk
    [2] => Как набрать первых подписчиков в ВК: пошаговое руководство от нуля до первой тысячи
)
blog/kak-nabrat-pervyh-podpischikov-v-vkArray
(
    [0] => <a href="https://rutasker.com/page/kak-nabrat-pervyh-podpischikov-v-vk">Как набрать первых подписчиков в ВК: пошаговое руководство от нуля до первой тысячи</a>
    [1] => https://rutasker.com/page/kak-nabrat-pervyh-podpischikov-v-vk
    [2] => Как набрать первых подписчиков в ВК: пошаговое руководство от нуля до первой тысячи
)
Array
(
    [0] => <a href="https://rutasker.com/page/vzaimnye-lajki-v-tik-tok">Взаимные лайки в Тик Ток: как продвигаться безопасно и эффективно</a>
    [1] => https://rutasker.com/page/vzaimnye-lajki-v-tik-tok
    [2] => Взаимные лайки в Тик Ток: как продвигаться безопасно и эффективно
)
blog/vzaimnye-lajki-v-tik-tokArray
(
    [0] => <a href="https://rutasker.com/page/vzaimnye-lajki-v-tik-tok">Взаимные лайки в Тик Ток: как продвигаться безопасно и эффективно</a>
    [1] => https://rutasker.com/page/vzaimnye-lajki-v-tik-tok
    [2] => Взаимные лайки в Тик Ток: как продвигаться безопасно и эффективно
)
Array
(
    [0] => <a href="https://rutasker.com/page/zarabotok-v-internete-dlya-novichka">Заработок в интернете для новичка</a>
    [1] => https://rutasker.com/page/zarabotok-v-internete-dlya-novichka
    [2] => Заработок в интернете для новичка
)
blog/zarabotok-v-internete-dlya-novichkaArray
(
    [0] => <a href="https://rutasker.com/page/zarabotok-v-internete-dlya-novichka">Заработок в интернете для новичка</a>
    [1] => https://rutasker.com/page/zarabotok-v-internete-dlya-novichka
    [2] => Заработок в интернете для новичка
)
Array
(
    [0] => <a href="https://rutasker.com/page/zakazat-otzyvy-na-avito">Отзывы на Авито от реальных людей: как поднять продажи и доверие</a>
    [1] => https://rutasker.com/page/zakazat-otzyvy-na-avito
    [2] => Отзывы на Авито от реальных людей: как поднять продажи и доверие
)
blog/zakazat-otzyvy-na-avitoArray
(
    [0] => <a href="https://rutasker.com/page/zakazat-otzyvy-na-avito">Отзывы на Авито от реальных людей: как поднять продажи и доверие</a>
    [1] => https://rutasker.com/page/zakazat-otzyvy-na-avito
    [2] => Отзывы на Авито от реальных людей: как поднять продажи и доверие
)
Array
(
    [0] => <a href="https://rutasker.com/page/zarabotok-na-kommentariyah">Заработок на комментариях: как монетизировать свое мнение</a>
    [1] => https://rutasker.com/page/zarabotok-na-kommentariyah
    [2] => Заработок на комментариях: как монетизировать свое мнение
)
blog/zarabotok-na-kommentariyahArray
(
    [0] => <a href="https://rutasker.com/page/zarabotok-na-kommentariyah">Заработок на комментариях: как монетизировать свое мнение</a>
    [1] => https://rutasker.com/page/zarabotok-na-kommentariyah
    [2] => Заработок на комментариях: как монетизировать свое мнение
)
Array
(
    [0] => <a href="https://rutasker.com/page/prosmotr-video-na-yutub-za-dengi">Просмотр видео на Ютуб за деньги</a>
    [1] => https://rutasker.com/page/prosmotr-video-na-yutub-za-dengi
    [2] => Просмотр видео на Ютуб за деньги
)
blog/prosmotr-video-na-yutub-za-dengiArray
(
    [0] => <a href="https://rutasker.com/page/prosmotr-video-na-yutub-za-dengi">Просмотр видео на Ютуб за деньги</a>
    [1] => https://rutasker.com/page/prosmotr-video-na-yutub-za-dengi
    [2] => Просмотр видео на Ютуб за деньги
)
Array
(
    [0] => <a href="https://rutasker.com/page/reposty-za-dengi">Репосты за деньги: как увеличить охваты и заработать</a>
    [1] => https://rutasker.com/page/reposty-za-dengi
    [2] => Репосты за деньги: как увеличить охваты и заработать
)
blog/reposty-za-dengiArray
(
    [0] => <a href="https://rutasker.com/page/reposty-za-dengi">Репосты за деньги: как увеличить охваты и заработать</a>
    [1] => https://rutasker.com/page/reposty-za-dengi
    [2] => Репосты за деньги: как увеличить охваты и заработать
)
Array
(
    [0] => <a href="https://rutasker.com/page/kommentarii-v-socsetyah-na-zakaz">Комментарии в соцсетях на заказ: как оживить профиль и заработать?</a>
    [1] => https://rutasker.com/page/kommentarii-v-socsetyah-na-zakaz
    [2] => Комментарии в соцсетях на заказ: как оживить профиль и заработать?
)
blog/kommentarii-v-socsetyah-na-zakazArray
(
    [0] => <a href="https://rutasker.com/page/kommentarii-v-socsetyah-na-zakaz">Комментарии в соцсетях на заказ: как оживить профиль и заработать?</a>
    [1] => https://rutasker.com/page/kommentarii-v-socsetyah-na-zakaz
    [2] => Комментарии в соцсетях на заказ: как оживить профиль и заработать?
)
Array
(
    [0] => <a href="https://rutasker.com/page/napisanie-otzyvov-za-dengi">Написание отзывов за деньги: Как превратить свое мнение в доход</a>
    [1] => https://rutasker.com/page/napisanie-otzyvov-za-dengi
    [2] => Написание отзывов за деньги: Как превратить свое мнение в доход
)
blog/napisanie-otzyvov-za-dengiArray
(
    [0] => <a href="https://rutasker.com/page/napisanie-otzyvov-za-dengi">Написание отзывов за деньги: Как превратить свое мнение в доход</a>
    [1] => https://rutasker.com/page/napisanie-otzyvov-za-dengi
    [2] => Написание отзывов за деньги: Как превратить свое мнение в доход
)
Array
(
    [0] => <a href="https://rutasker.com/page/vzaimnye-lajki-instagram">Взаимные лайки Инстаграм тоже бывают</a>
    [1] => https://rutasker.com/page/vzaimnye-lajki-instagram
    [2] => Взаимные лайки Инстаграм тоже бывают
)
blog/vzaimnye-lajki-instagramArray
(
    [0] => <a href="https://rutasker.com/page/vzaimnye-lajki-instagram">Взаимные лайки Инстаграм тоже бывают</a>
    [1] => https://rutasker.com/page/vzaimnye-lajki-instagram
    [2] => Взаимные лайки Инстаграм тоже бывают
)
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Блог Rutasker: советы по фрилансу и удаленной работе</title>
    <meta name="description" content="Блог RuTasker: полезные статьи о заработке в интернете, советы по продвижению в социальных сетях и эффективному выполнению микрозадач. Узнайте, как увеличить свой доход и правильно настраивать рекламные кампании на нашей платформе">
    <link rel="canonical" href="https://rutasker.com/page/blog" />
    <link rel="icon" href="https://rutasker.com/favicon.ico" type="image/x-icon">
    <meta name="theme-color" content="#65A2EF" />
    <meta name="msapplication-navbutton-color" content="#65A2EF" />
    <meta name="apple-mobile-web-app-status-bar-style" content="#65A2EF" />
    <link rel="stylesheet" href="/css/include-fonts.css">
    <link rel="stylesheet" href="/css/style.css?=v1.0.93">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/sweetalert2.min.js" defer></script>
    <script src="/js/polyfill.js" defer></script>
</head>
<body class="cabinet">
    <!-- start header -->
<link rel="stylesheet" href="/css/header.min.css">

<link rel="stylesheet" href="/css/jquery-ui.min.css">
<link rel="stylesheet" href="/js/mmenu.css">

<script src="/js/jquery-ui.min.js"></script>
<script src="/js/mmenu.js"></script>

<script>
	console.log('HCAPTCHA');
				var verifyCallback = function(response) {
			alert(response);
		};
		var onloadCallback = function() {
			grecaptcha.render('reLogin', {
				'sitekey': 'c1dcceba-febe-47a2-9854-315868f49650',
			});
			grecaptcha.render('reSignup', {
				'sitekey': 'c1dcceba-febe-47a2-9854-315868f49650',
			});
			grecaptcha.render('reForgot', {
				'sitekey': 'c1dcceba-febe-47a2-9854-315868f49650',
			});
									
		};
	</script>


<style>
	@media (max-width: 540px) {
		.swal2-popup {
			width: 90vw !important;
			max-width: 90vw !important;
			font-size: 14px !important;
		}
		.swal2-title {
			font-size: 1.3em !important;
		}
		.swal2-html-container {
			font-size: 0.95em !important;
		}

		.start_task_btns {
			flex-wrap: wrap;
			gap: 8px;
			margin-top: 12px;
		}
		.start_task_btns .btn {
			flex: 1 1 auto;
			min-width: 0;
			padding: 8px 10px;
			font-size: 13px;
			white-space: nowrap;
			text-align: center;
		}
		.start_task_btns .btn:not(:last-child) {
			margin-right: 0;
		}
	}

	#reLogin,
	#reSignup,
	#reForgot {
		margin-top: 20px;
	}

	.category-tags {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 2em;
	}

	.category-tags__list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-left: 0px;
		max-height: 25px;
		overflow: hidden;
	}

	.category-tags__list.open {
		max-height: max-content;
		overflow: auto;
	}

	.category-tags__item {
		float: left;
		width: auto !important;
		margin-bottom: 10px;
		margin-left: 10px;

		display: inline-flex !important;
		align-items: center;
		box-sizing: border-box;
		border: 1px solid #ddd;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	}

	@media(any-hover: hover) {
		.category-tags__item {
			transition: 0.3s;
		}

		.category-tags__item:hover {
			background-color: #2b96f1;
			color: white;
		}
	}

	.category-tags__link {
		padding: 5px 20px;
		width: inherit;
		display: block;
		text-align: center;
	}

	.category-tags__button {

		display: flex;
		background: none;
		border-bottom: 1px dashed;
		color: #2b96f1;
		cursor: pointer;
	}

	*::-webkit-scrollbar {
		width: 12px;
	}

	*::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	*::-webkit-scrollbar-thumb {
		background-color: #65A2EF;
		border-radius: 20px;
		border: 3px solid #F1F1F1;
	}

	* {
		scrollbar-width: thin;
		scrollbar-color: #65A2EF #F1F1F1;
	}

	#freekassa_sbp_list {
		width: 100%;
	}

	/* Скрываем оверлей пока он не активен — display:none надёжнее opacity/visibility */
	.overlay:not(.active) {
		display: none !important;
	}
	.overlay.active {
		display: flex !important;
		z-index: 2147483647 !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}

	.popup {
		background: none;
	}

	/* === МОДАЛЬНОЕ ОКНО === */
	.modal {
		box-sizing: border-box;
		background: #ffffff;
		border-radius: 24px;
		padding: 24px;
		width: 400px;
		max-width: 100%;
		position: relative;
		box-shadow: 0 32px 80px rgba(0, 0, 0, 0.4);
		z-index: 10;
	}

	/* === КНОПКА ЗАКРЫТЬ === */
	.close-btn {
		background: none;
		cursor: pointer;
		color: #aab0c0;
		font-size: 18px;
		line-height: 1;
		padding: 4px 6px;
		font-family: inherit;
	}

	.close-btn:hover {
		color: #6b7280;
	}

	/* === ШАПКА === */
	.modal-header {
		display: flex;
		align-items: center;
		gap: 14px;
		margin-bottom: 26px;
	}

	.header-text__header {
		font-size: 24px;
		font-weight: 800;
		color: #0f1630;
		line-height: 1.1;
		margin-bottom: 10px;
	}

	.header-text p {
		font-size: 14px;
		color: #a0aec0;
		font-weight: 500;
	}

	/* === ТАБЫ === */
	.tabs {
		display: grid;
		grid-template-columns: 1fr 1fr;
		background: #f7f8fc;
		border-radius: 14px;
		margin-bottom: 22px;
	}

	.tab {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		padding: 8px 0 12px;
		border-radius: 15px;
		border: none;
		background: none;
		font-size: 15px;
		font-weight: 600;
		color: #9aa5b8;
		cursor: pointer;
		font-family: inherit;
		transition: all 0.2s;
		position: relative;
	}

	.tab.active {
		background: #fff;
		font-weight: 700;
		color: #4f7bff;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
		border-radius: 15px 15px 0 0;
	}

	.tab svg {
		width: 18px;
		height: 18px;
	}

	.tab.active::after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		content: '';
		height: 5px;
		display: block;
		background: linear-gradient(90deg, #4f7bff, #9b4fff);
		border-radius: 0 0 15px 15px;
	}

	/* === ПОЛЯ ВВОДА === */
	.form-group {
		display: flex;
		flex-direction: column;
		gap: 11px;
		margin-bottom: 14px;
	}

	.input-wrap {
		position: relative;
	}

	.input-icon {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
		color: #4f7bff;
		display: flex;
		align-items: center;
	}

	.input-icon svg {
		width: 17px;
		height: 17px;
	}

	.input-cols {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		flex-wrap: wrap;
		font-size: 14px;
		color: #666;
		margin: 10px 0;
	}

	.input-forgot {
		cursor: pointer;
		font-size: 15px;
		font-family: inherit;
		color: #4f7bff;
		background: none;
	}

	.input-checkbox {
		width: 20px;
		height: 20px;
		vertical-align: middle;
		margin-right: 5px;
	}

	.input-text {
		width: 100%;
		padding: 13px 14px 13px 44px;
		border: 1.5px solid #e8ecf4;
		border-radius: 12px;
		font-size: 16px;
		font-family: inherit;
		color: #1a2040;
		background: #fafbfd;
		outline: none;
		transition: border-color 0.2s, box-shadow 0.2s;
		box-sizing: border-box;
	}

	.input-text::placeholder {
		color: #c0c8d8;
	}

	.input-text:focus {
		border-color: #4f7bff;
		box-shadow: 0 0 0 3px rgba(79, 123, 255, 0.12);
	}

	.input-wrap.has-eye .input-text {
		padding-right: 42px;
	}

	.eye-btn {
		position: absolute;
		right: 13px;
		top: 50%;
		transform: translateY(-50%);
		background: none;
		border: none;
		cursor: pointer;
		padding: 3px;
		color: #a0aec0;
		display: flex;
		align-items: center;
	}

	.eye-btn svg {
		width: 17px;
		height: 17px;
	}

	.eye-btn:hover {
		color: #6b7280;
	}

	/* === КНОПКА ОТПРАВКИ === */
	.btn-submit {
		width: 100%;
		padding: 14px;
		border: none;
		border-radius: 13px;
		font-size: 16px;
		font-weight: 700;
		font-family: inherit;
		cursor: pointer;
		background: linear-gradient(90deg, #4f7bff 0%, #7b4fff 100%);
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		box-shadow: 0 6px 20px rgba(79, 123, 255, 0.38);
		margin-bottom: 18px;
		letter-spacing: 0.1px;
		transition: opacity 0.2s, transform 0.15s;
	}

	.btn-submit svg {
		width: 16px;
		height: 16px;
	}

	.btn-submit:hover {
		opacity: 0.92;
		transform: translateY(-1px);
	}

	.btn-submit:active {
		transform: translateY(0);
	}

	/* === РАЗДЕЛИТЕЛЬ === */
	.divider {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 16px;
	}

	.divider::before,
	.divider::after {
		content: '';
		flex: 1;
		height: 1px;
		background: #eaecf4;
	}

	.divider span {
		font-size: 13px;
		color: #c0c8d8;
		font-weight: 600;
	}

	/* === КНОПКИ СОЦСЕТЕЙ === */
	.socials {
		display: flex;
		gap: 8px;
		margin-bottom: 20px;
		align-items: center;
		justify-content: center;
	}

	.social-btn {
		width: 44px;
		height: 44px;
		flex: none;
		border: 1px solid #eaecf4;
		border-radius: 8px;
		background: #ffffff;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
	}

	.social-btn:hover {
		border-color: #c0c8d8;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
		transform: translateY(-2px);
	}

	#vkid-oauth-widget {
		display: flex;
		gap: 8px;
		align-items: center;
	}

	.VkIdSdk_oauth_link_text {
		display: none !important;
	}

	/* === ЮРИДИЧЕСКИЙ БЛОК === */
	.legal {
		display: flex;
		align-items: flex-start;
		gap: 11px;
		background: #f7f9fc;
		border-radius: 13px;
		padding: 13px 14px;
	}

	.legal-icon {
		width: 34px;
		height: 34px;
		flex-shrink: 0;
		background: linear-gradient(135deg, #4f7bff, #7b4fff);
		border-radius: 9px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.legal-icon svg {
		width: 16px;
		height: 16px;
		color: white;
	}

	.legal p {
		font-size: 12px;
		color: #8a93a8;
		line-height: 1.6;
		margin: 0;
	}

	.legal a {
		color: #4f7bff;
		text-decoration: none;
		font-weight: 600;
	}

	.legal a:hover {
		text-decoration: underline;
	}

	/* === ПЕРЕКЛЮЧЕНИЕ ФОРМ === */
	#form-register,
	#form-forgot,
	#form-login {
		display: none;
	}

	@media (max-width: 440px) {
		.modal {
			padding: 20px 15px;
			width: 100%;
		}

		.input-wrap input {
			padding: 12px 15px 12px 35px;
			font-size: 16px;
		}

		.input-icon {
			left: 10px;
		}
	}

	@media (max-height: 700px) {
		.modal {
			padding: 16px 20px;
		}

		.modal-header {
			margin-bottom: 14px;
		}

		.modal-logo__image {
			width: 42px;
			height: 42px;
		}

		.header-text__header {
			font-size: 20px;
			margin-bottom: 4px;
		}

		.tabs {
			margin-bottom: 14px;
		}

		.tab {
			padding: 6px 0 10px;
			font-size: 14px;
		}

		.form-group {
			gap: 8px;
			margin-bottom: 10px;
		}

		.input-text {
			padding: 10px 14px 10px 40px;
			font-size: 14px;
		}

		.btn-submit {
			padding: 11px;
			margin-bottom: 12px;
			font-size: 14px;
		}

		.divider {
			margin-bottom: 10px;
		}

		.social-btn {
			height: 42px;
		}

		.socials {
			margin-bottom: 12px;
		}

		.legal {
			padding: 10px 12px;
		}
	}
</style>

<div idxzxz="1" class="overlay">
	<div class="popup">

		<div class="modal">

			<button class="overlay__close close-btn">✕</button>

			<!-- Шапка -->
			<div class="modal-header">
				<div class="modal-logo">
					<img class="modal-logo__image" src="/img/logo/logo-blue.png" alt="RuTasker" width="60" height="60" loading="lazy">
				</div>
				<div class="header-text">
					<div class="header-text__header" id="modal-title">Регистрация</div>
					<p id="modal-sub">Создайте аккаунт за пару секунд</p>
				</div>
			</div>

			<!-- Табы -->
			<div class="tabs">

				<button class="tab" id="tab-forgot" onclick="switchTab('forgot')" style="display:none;">
					Вспомнить пароль
				</button>

				<button class="tab" id="tab-login" onclick="switchTab('login')">
					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
						<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" />
						<polyline points="10 17 15 12 10 7" />
						<line x1="15" y1="12" x2="3" y2="12" />
					</svg>
					Вход
				</button>

				<button class="tab active" id="tab-register" onclick="switchTab('register')">
					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
						<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
						<circle cx="9" cy="7" r="4" />
						<line x1="19" y1="8" x2="19" y2="14" />
						<line x1="22" y1="11" x2="16" y2="11" />
					</svg>
					Регистрация
				</button>
			</div>

			<!-- Форма регистрации -->
			<form id="form-register" class="register-form">
				<input type="hidden" name="type" value="signup">

				<div class="form-group">
					<div class="input-wrap">
						<span class="input-icon">

							<svg viewBox="0 0 24 24" fill="currentColor">
								<path d="M12 0C8.5107 0 5.6719 2.8388 5.6719 6.3281S8.5107 12.6562 12 12.6562s6.3281-2.8388 6.3281-6.328C18.3281 2.8387 15.4893 0 12 0m0 11.25c-2.714 0-4.9219-2.208-4.9219-4.9219S9.2861 1.4063 12 1.4063s4.9219 2.2079 4.9219 4.9218S14.7139 11.25 12 11.25m7.8734 5.5404c-1.7325-1.7591-4.0292-2.7279-6.4672-2.7279h-2.8124c-2.438 0-4.7347.9688-6.4672 2.7279-1.724 1.7505-2.6735 4.0611-2.6735 6.5065 0 .3883.3148.7031.7031.7031h19.6876a.703.703 0 0 0 .7031-.7031c0-2.4454-.9495-4.756-2.6735-6.5065m-16.983 5.8034c.3522-3.9885 3.6726-7.125 7.7034-7.125h2.8124c4.0308 0 7.3512 3.1365 7.7035 7.125z" />
							</svg>

						</span>
						<input class="input-text" type="text" placeholder="Логин" name="login">
					</div>
					<div class="input-wrap">
						<span class="input-icon">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<rect x="2" y="4" width="20" height="16" rx="2" />
								<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
							</svg>
						</span>
						<input class="input-text" type="email" placeholder="Почта (кроме mаil.ru)" name="email">
					</div>
					<div class="input-wrap has-eye">
						<span class="input-icon">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<rect x="3" y="11" width="18" height="11" rx="2" />
								<path d="M7 11V7a5 5 0 0 1 10 0v4" />
							</svg>
						</span>
						<input class="input-text" type="password" id="pw-reg" placeholder="Пароль, от 10 символов" name="password">
						<button class="eye-btn" onclick="togglePw('pw-reg')" type="button" title="Показать пароль" aria-label="Показать пароль">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z" />
								<circle cx="12" cy="12" r="3" />
							</svg>
						</button>
					</div>
				</div>

				<button class="btn-submit" type="submit">
					Зарегистрироваться

					<svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M2 18.5H33" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
						<path d="M21 6L33.5 18.5L21 31" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
					</svg>
				</button>
			</form>

			<!-- Форма входа -->
			<form id="form-login" class="login-form">
				<input type="hidden" name="type" value="login">

				<div class="form-group">
					<div class="input-wrap">
						<span class="input-icon">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<rect x="2" y="4" width="20" height="16" rx="2" />
								<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
							</svg>
						</span>
						<input class="input-text" type="text" placeholder="Почта или логин" name="login">
					</div>
					<div class="input-wrap has-eye">
						<span class="input-icon">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<rect x="3" y="11" width="18" height="11" rx="2" />
								<path d="M7 11V7a5 5 0 0 1 10 0v4" />
							</svg>
						</span>
						<input class="input-text" type="password" id="pw-login" placeholder="Пароль" name="password">

						<button class="eye-btn" onclick="togglePw('pw-login')" type="button" title="Показать пароль" aria-label="Показать пароль">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z" />
								<circle cx="12" cy="12" r="3" />
							</svg>
						</button>
					</div>

					<div class="input-cols">
						<label><input class="input-checkbox" type="checkbox" name="remember" value="1" checked> Запомнить на 30 дней</label>

						<button class="input-forgot" onclick="switchTab('forgot')" type="button">Забыли пароль?</button>
					</div>
				</div>

				<button class="btn-submit" type="submit">
					Войти

					<svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M2 18.5H33" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
						<path d="M21 6L33.5 18.5L21 31" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
					</svg>
				</button>
			</form>

			<!-- Форма вспомнить пароль -->
			<form id="form-forgot" class="forgot-form">
				<input type="hidden" name="type" value="forgot">

				<div class="form-group">
					<div class="input-wrap">
						<span class="input-icon">
							<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
								<rect x="2" y="4" width="20" height="16" rx="2" />
								<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
							</svg>
						</span>
						<input class="input-text" type="text" placeholder="Почта или логин" name="login">
					</div>

					<div class="input-cols">
						Вспомнили пароль? <button class="input-forgot" onclick="switchTab('login')" type="button">Войти!</button>
					</div>
				</div>

				<button class="btn-submit" type="submit">
					Сбросить пароль

					<svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M2 18.5H33" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
						<path d="M21 6L33.5 18.5L21 31" stroke="currentColor" stroke-width="3" stroke-linecap="round" />
					</svg>
				</button>
			</form>


			<!-- Разделитель -->
			<div class="divider"><span>или</span></div>

			<!-- Соцсети -->
			<div class="socials">

				<!-- Google -->
				<a class="social-btn" title="Google" href="/moduls/google_oauth/login.php?type=google">
					<svg width="22" height="22" viewBox="0 0 48 48">
						<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/>
						<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/>
						<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/>
						<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.18 1.48-4.97 2.36-8.16 2.36-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/>
					</svg>
				</a>

				<!-- Яндекс -->
				<a class="social-btn" title="Яндекс" href="/moduls/social_oauth/login.php?type=yandex">
					<img src="/img/yandex.png" alt="Яндекс" style="display:block;width:24px;height:24px;object-fit:contain">
				</a>

				<!-- VK ID виджет 3-в-1: ВК + Одноклассники + Mail.ru -->
				<div id="vkid-oauth-widget" style="display:flex;align-items:center;gap:6px"></div>

			</div>

			<!-- Юридический блок -->
			<div class="legal">
				<div class="legal-icon">
					<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
						<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
						<polyline points="9 12 11 14 15 10" />
					</svg>
				</div>
				<p>Регистрируясь, вы принимаете наши <a href="/page/oferta">правила сервиса, пользовательское соглашение, политику конфиденциальности</a> и даете согласие на обработку персональных данных</p>
			</div>

		</div>

	</div>
</div>
<!-- stop overlay 1 -->

<header class="header_area">

	<div class="main_header_area animated">
		<div class="container">
			<nav id="navigation1" class="navigation">
				<!-- Logo Area Start -->
				<div class="nav-header">
					<a class="nav-brand header__logo logo" href="/">
						<img class="logo__image" src="/img/logo/logo.png" alt="RuTasker">
						<img class="logo__text" src="/img/logo/logo-text.png" alt="RuTasker">
					</a>
					<!-- <div class="nav-toggle"></div> -->
					<a href="#menu" class="nav-toggle"></a>
				</div>
				<!-- Main Menus Wrapper -->
				<div id="menu" class="nav-menus-wrapper">
					<ul class="nav-menu">
						<li>
							<a href="/catalog">Каталог</a>
							<ul class="nav-dropdown">

								<li><a href="/catalog/vk">ВКонтакте</a></li><li><a href="/catalog/max">MAX</a></li><li><a href="/catalog/ozon">Озон</a></li><li><a href="/catalog/instagram">Instagram *</a></li><li><a href="/catalog/twitch">Twitch</a></li><li><a href="/catalog/telegram">Телеграм</a></li><li><a href="/catalog/tiktok">TikTok</a></li><li><a href="/catalog/youtube">YouTube</a></li><li><a href="/catalog/dzen">Дзен</a></li><li><a href="/catalog/rutube">Rutube</a></li><li><a href="/catalog/twitter">Twitter/X</a></li><li><a href="/catalog/discord">Discord</a></li><li><a href="/catalog/soundcloud">SoundCloud</a></li><li><a href="/catalog/odnoklassniki">Одноклассники</a></li><li><a href="/catalog/spotify">Spotify</a></li><li><a href="/catalog/likee">Likee</a></li><li><a href="/catalog/pinterest">Pinterest</a></li><li><a href="/catalog/facebook">FaceBook *</a></li><li><a href="/catalog/linkedin">LinkedIn</a></li><li><a href="/catalog/yandex">Яндекс</a></li><li><a href="/catalog/google">Google</a></li><li><a href="/catalog/prilozheniya">Приложения</a></li><li><a href="/catalog/aktivnost-na-sajte">Активность</a></li><li><a href="/catalog/otzyvy">Отзывы</a></li><li><a href="/catalog/nuum">Nuum</a></li><li><a href="/catalog/podpischiki">Подписчики</a></li><li><a href="/catalog/golosa">Голоса</a></li><li><a href="/catalog/kommentarii">Комментарии</a></li><li><a href="/catalog/druzya">Друзья</a></li><li><a href="/catalog/reposty">Репосты</a></li><li><a href="/catalog/prosmotry">Просмотры</a></li><li><a href="/catalog/lajki">Лайки</a><ul class="nav-dropdown"><li><a href="/catalog/lajki-na-kommentarii">Лайки на комментарии</a></li></ul></li><li><a href="/catalog/besplatno">Бесплатно</a></li>							</ul>
						</li>

						<li><a href="/service" class="main-menu__link">Заказчику</a></li>
						<li><a href="/work" class="main-menu__link">Исполнителю</a></li>
						<li><a href="/tasks" class="main-menu__link">Поиск заданий</a></li>
						<li><a href="/newtask" class="main-menu__link">Создать задание</a></li>
					</ul>
				</div>

				<div class="header__auth">
											<script src="https://js.hcaptcha.com/1/api.js?hl=ru&onload=onloadCallback&render=explicit" async defer></script>						<a class="header__signup call-overlay" data-auth="register" data-title="Регистрация">Регистрация</a>
						<a class="header__login call-overlay" data-auth="login" data-title="Вход">Войти</a>
									</div>
			</nav>
		</div>
	</div>
			<script>
			if ($(window).width() > 993) {
				!(function(n, i, e, a) {
					(n.navigation = function(t, s) {
						var o = {
								responsive: !0,
								mobileBreakpoint: 991,
								showDuration: 200,
								hideDuration: 200,
								showDelayDuration: 0,
								hideDelayDuration: 0,
								submenuTrigger: "hover",
								effect: "fade",
								submenuIndicator: !0,
								submenuIndicatorTrigger: !1,
								hideSubWhenGoOut: !0,
								visibleSubmenusOnMobile: !1,
								fixed: !1,
								overlay: !0,
								overlayColor: "rgba(0, 0, 0, 0.5)",
								hidden: !1,
								hiddenOnMobile: !1,
								offCanvasSide: "left",
								offCanvasCloseButton: !0,
								animationOnShow: "",
								animationOnHide: "",
								onInit: function() {},
								onLandscape: function() {},
								onPortrait: function() {},
								onShowOffCanvas: function() {},
								onHideOffCanvas: function() {}
							},
							r = this,
							u = Number.MAX_VALUE,
							d = 1,
							l = "click.nav touchstart.nav",
							f = "mouseenter focusin",
							c = "mouseleave focusout";
						r.settings = {};
						var t = (n(t), t);
						n(t).find(".nav-search").length > 0 &&
							n(t)
							.find(".nav-search")
							.find("form")
							.prepend(
								"<span class='nav-search-close-button' tabindex='0'>&#10005;</span>"
							),
							(r.init = function() {
								(r.settings = n.extend({}, o, s)),
								r.settings.offCanvasCloseButton &&
									n(t)
									.find(".nav-menus-wrapper")
									.prepend(
										"<span class='nav-menus-wrapper-close-button'>&#10005;</span>"
									),
									"right" == r.settings.offCanvasSide &&
									n(t)
									.find(".nav-menus-wrapper")
									.addClass("nav-menus-wrapper-right"),
									r.settings.hidden &&
									(n(t).addClass("navigation-hidden"),
										(r.settings.mobileBreakpoint = 99999)),
									v(),
									r.settings.fixed && n(t).addClass("navigation-fixed"),
									n(t)
									.find(".nav-toggle1")
									.on("click touchstart", function(n) {
										n.stopPropagation(),
											n.preventDefault(),
											r.showOffcanvas(),
											s !== a && r.callback("onShowOffCanvas");
									}),
									n(t)
									.find(".nav-menus-wrapper-close-button")
									.on("click touchstart", function() {
										r.hideOffcanvas(), s !== a && r.callback("onHideOffCanvas");
									}),
									n(t)
									.find(".nav-search-button, .nav-search-close-button")
									.on("click touchstart keydown", function(i) {
										i.stopPropagation(), i.preventDefault();
										var e = i.keyCode || i.which;
										"click" === i.type ||
											"touchstart" === i.type ||
											("keydown" === i.type && 13 == e) ?
											r.toggleSearch() :
											9 == e && n(i.target).blur();
									}),
									n(t).find(".megamenu-tabs").length > 0 && y(),
									n(i).resize(function() {
										r.initNavigationMode(C()), O(), r.settings.hiddenOnMobile && m();
									}),
									r.initNavigationMode(C()),
									r.settings.hiddenOnMobile && m(),
									s !== a && r.callback("onInit");
							});
						var h = function() {
								n(t)
									.find(".nav-submenu")
									.hide(0),
									n(t)
									.find("li")
									.removeClass("focus");
							},
							v = function() {
								n(t)
									.find("li")
									.each(function() {
										n(this).children(".nav-dropdown,.megamenu-panel").length > 0 &&
											(n(this)
												.children(".nav-dropdown,.megamenu-panel")
												.addClass("nav-submenu"),
												r.settings.submenuIndicator &&
												n(this)
												.children("a")
												.append(
													"<span class='submenu-indicator'><span class='submenu-indicator-chevron'></span></span>"
												));
									});
							},
							m = function() {
								n(t).hasClass("navigation-portrait") ?
									n(t).addClass("navigation-hidden") :
									n(t).removeClass("navigation-hidden");
							};
						(r.showSubmenu = function(i, e) {
							C() > r.settings.mobileBreakpoint &&
								n(t)
								.find(".nav-search")
								.find("form")
								.fadeOut(),
								"fade" == e ?
								n(i)
								.children(".nav-submenu")
								.stop(!0, !0)
								.delay(r.settings.showDelayDuration)
								.fadeIn(r.settings.showDuration)
								.removeClass(r.settings.animationOnHide)
								.addClass(r.settings.animationOnShow) :
								n(i)
								.children(".nav-submenu")
								.stop(!0, !0)
								.delay(r.settings.showDelayDuration)
								.slideDown(r.settings.showDuration)
								.removeClass(r.settings.animationOnHide)
								.addClass(r.settings.animationOnShow),
								n(i).addClass("focus");
						}),
						(r.hideSubmenu = function(i, e) {
							"fade" == e
								?
								n(i)
								.find(".nav-submenu")
								.stop(!0, !0)
								.delay(r.settings.hideDelayDuration)
								.fadeOut(r.settings.hideDuration)
								.removeClass(r.settings.animationOnShow)
								.addClass(r.settings.animationOnHide) :
								n(i)
								.find(".nav-submenu")
								.stop(!0, !0)
								.delay(r.settings.hideDelayDuration)
								.slideUp(r.settings.hideDuration)
								.removeClass(r.settings.animationOnShow)
								.addClass(r.settings.animationOnHide),
								n(i)
								.removeClass("focus")
								.find(".focus")
								.removeClass("focus");
						});
						var p = function() {
								n("body").addClass("no-scroll"),
									r.settings.overlay &&
									(n(t).append("<div class='nav-overlay-panel'></div>"),
										n(t)
										.find(".nav-overlay-panel")
										.css("background-color", r.settings.overlayColor)
										.fadeIn(300)
										.on("click touchstart", function(n) {
											r.hideOffcanvas();
										}));
							},
							g = function() {
								n("body").removeClass("no-scroll"),
									r.settings.overlay &&
									n(t)
									.find(".nav-overlay-panel")
									.fadeOut(400, function() {
										n(this).remove();
									});
							};
						(r.showOffcanvas = function() {
							p(),
								"left" == r.settings.offCanvasSide ?
								n(t)
								.find(".nav-menus-wrapper")
								.css("transition-property", "right")
								.addClass("nav-menus-wrapper-open") :
								n(t)
								.find(".nav-menus-wrapper")
								.css("transition-property", "right")
								.addClass("nav-menus-wrapper-open");
						}),
						(r.hideOffcanvas = function() {
							n(t)
								.find(".nav-menus-wrapper")
								.removeClass("nav-menus-wrapper-open")
								.on(
									"webkitTransitionEnd moztransitionend transitionend oTransitionEnd",
									function() {
										n(t)
											.find(".nav-menus-wrapper")
											.css("transition-property", "none")
											.off();
									}
								),
								g();
						}),
						(r.toggleOffcanvas = function() {
							C() <= r.settings.mobileBreakpoint &&
								(n(t)
									.find(".nav-menus-wrapper")
									.hasClass("nav-menus-wrapper-open") ?
									(r.hideOffcanvas(), s !== a && r.callback("onHideOffCanvas")) :
									(r.showOffcanvas(), s !== a && r.callback("onShowOffCanvas")));
						}),
						(r.toggleSearch = function() {
							"none" ==
							n(t)
								.find(".nav-search")
								.find("form")
								.css("display") ?
								(n(t)
									.find(".nav-search")
									.find("form")
									.fadeIn(200),
									n(t)
									.find(".nav-search")
									.find("input")
									.focus()) :
								(n(t)
									.find(".nav-search")
									.find("form")
									.fadeOut(200),
									n(t)
									.find(".nav-search")
									.find("input")
									.blur());
						}),
						(r.initNavigationMode = function(i) {
							r.settings.responsive ?
								(i <= r.settings.mobileBreakpoint &&
									u > r.settings.mobileBreakpoint &&
									(n(t)
										.addClass("navigation-portrait")
										.removeClass("navigation-landscape"),
										S(),
										s !== a && r.callback("onPortrait")),
									i > r.settings.mobileBreakpoint &&
									d <= r.settings.mobileBreakpoint &&
									(n(t)
										.addClass("navigation-landscape")
										.removeClass("navigation-portrait"),
										k(),
										g(),
										r.hideOffcanvas(),
										s !== a && r.callback("onLandscape")),
									(u = i),
									(d = i)) :
								(n(t).addClass("navigation-landscape"),
									k(),
									s !== a && r.callback("onLandscape"));
						});
						var b = function() {
								n("html").on("click.body touchstart.body", function(i) {
									0 === n(i.target).closest(".navigation").length &&
										(n(t)
											.find(".nav-submenu")
											.fadeOut(),
											n(t)
											.find(".focus")
											.removeClass("focus"),
											n(t)
											.find(".nav-search")
											.find("form")
											.fadeOut());
								});
							},
							C = function() {
								return (
									i.innerWidth || e.documentElement.clientWidth || e.body.clientWidth
								);
							},
							w = function() {
								n(t)
									.find(".nav-menu")
									.find("li, a")
									.off(l)
									.off(f)
									.off(c);
							},
							O = function() {
								if (C() > r.settings.mobileBreakpoint) {
									var i = n(t).outerWidth(!0);
									n(t)
										.find(".nav-menu")
										.children("li")
										.children(".nav-submenu")
										.each(function() {
											n(this)
												.parent()
												.position().left +
												n(this).outerWidth() >
												i ?
												n(this).css("right", 0) :
												n(this).css("right", "auto");
										});
								}
							},
							y = function() {
								function i(i) {
									var e = n(i)
										.children(".megamenu-tabs-nav")
										.children("li"),
										a = n(i).children(".megamenu-tabs-pane");
									n(e).on("click.tabs touchstart.tabs", function(i) {
										i.stopPropagation(),
											i.preventDefault(),
											n(e).removeClass("active"),
											n(this).addClass("active"),
											n(a)
											.hide(0)
											.removeClass("active"),
											n(a[n(this).index()])
											.show(0)
											.addClass("active");
									});
								}
								if (n(t).find(".megamenu-tabs").length > 0)
									for (var e = n(t).find(".megamenu-tabs"), a = 0; a < e.length; a++)
										i(e[a]);
							},
							k = function() {
								w(),
									h(),
									navigator.userAgent.match(/Mobi/i) ||
									navigator.maxTouchPoints > 0 ||
									"click" == r.settings.submenuTrigger ?
									n(t)
									.find(".nav-menu, .nav-dropdown")
									.children("li")
									.children("a")
									.on(l, function(e) {
										if (
											(r.hideSubmenu(
													n(this)
													.parent("li")
													.siblings("li"),
													r.settings.effect
												),
												n(this)
												.closest(".nav-menu")
												.siblings(".nav-menu")
												.find(".nav-submenu")
												.fadeOut(r.settings.hideDuration),
												n(this).siblings(".nav-submenu").length > 0)
										) {
											if (
												(e.stopPropagation(),
													e.preventDefault(),
													"none" ==
													n(this)
													.siblings(".nav-submenu")
													.css("display"))
											)
												return (
													r.showSubmenu(n(this).parent("li"), r.settings.effect),
													O(),
													!1
												);
											if (
												(r.hideSubmenu(n(this).parent("li"), r.settings.effect),
													"_blank" === n(this).attr("target") ||
													"blank" === n(this).attr("target"))
											)
												i.open(n(this).attr("href"));
											else {
												if (
													"#" === n(this).attr("href") ||
													"" === n(this).attr("href") ||
													"javascript:void(0)" === n(this).attr("href")
												)
													return !1;
												i.location.href = n(this).attr("href");
											}
										}
									}) :
									n(t)
									.find(".nav-menu")
									.find("li")
									.on(f, function() {
										r.showSubmenu(this, r.settings.effect), O();
									})
									.on(c, function() {
										r.hideSubmenu(this, r.settings.effect);
									}),
									r.settings.hideSubWhenGoOut && b();
							},
							S = function() {
								w(),
									h(),
									r.settings.visibleSubmenusOnMobile ?
									n(t)
									.find(".nav-submenu")
									.show(0) :
									(n(t)
										.find(".submenu-indicator")
										.removeClass("submenu-indicator-up"),
										r.settings.submenuIndicator && r.settings.submenuIndicatorTrigger ?
										n(t)
										.find(".submenu-indicator")
										.on(l, function(i) {
											return (
												i.stopPropagation(),
												i.preventDefault(),
												r.hideSubmenu(
													n(this)
													.parent("a")
													.parent("li")
													.siblings("li"),
													"slide"
												),
												r.hideSubmenu(
													n(this)
													.closest(".nav-menu")
													.siblings(".nav-menu")
													.children("li"),
													"slide"
												),
												"none" ==
												n(this)
												.parent("a")
												.siblings(".nav-submenu")
												.css("display") ?
												(n(this).addClass("submenu-indicator-up"),
													n(this)
													.parent("a")
													.parent("li")
													.siblings("li")
													.find(".submenu-indicator")
													.removeClass("submenu-indicator-up"),
													n(this)
													.closest(".nav-menu")
													.siblings(".nav-menu")
													.find(".submenu-indicator")
													.removeClass("submenu-indicator-up"),
													r.showSubmenu(
														n(this)
														.parent("a")
														.parent("li"),
														"slide"
													),
													!1) :
												(n(this)
													.parent("a")
													.parent("li")
													.find(".submenu-indicator")
													.removeClass("submenu-indicator-up"),
													void r.hideSubmenu(
														n(this)
														.parent("a")
														.parent("li"),
														"slide"
													))
											);
										}) :
										n(t)
										.find(".nav-menu, .nav-dropdown")
										.children("li")
										.children("a")
										.on(l, function(e) {
											if (
												(e.stopPropagation(),
													e.preventDefault(),
													r.hideSubmenu(
														n(this)
														.parent("li")
														.siblings("li"),
														r.settings.effect
													),
													r.hideSubmenu(
														n(this)
														.closest(".nav-menu")
														.siblings(".nav-menu")
														.children("li"),
														"slide"
													),
													"none" ==
													n(this)
													.siblings(".nav-submenu")
													.css("display"))
											)
												return (
													n(this)
													.children(".submenu-indicator")
													.addClass("submenu-indicator-up"),
													n(this)
													.parent("li")
													.siblings("li")
													.find(".submenu-indicator")
													.removeClass("submenu-indicator-up"),
													n(this)
													.closest(".nav-menu")
													.siblings(".nav-menu")
													.find(".submenu-indicator")
													.removeClass("submenu-indicator-up"),
													r.showSubmenu(n(this).parent("li"), "slide"),
													!1
												);
											if (
												(n(this)
													.parent("li")
													.find(".submenu-indicator")
													.removeClass("submenu-indicator-up"),
													r.hideSubmenu(n(this).parent("li"), "slide"),
													"_blank" === n(this).attr("target") ||
													"blank" === n(this).attr("target"))
											)
												i.open(n(this).attr("href"));
											else {
												if (
													"#" === n(this).attr("href") ||
													"" === n(this).attr("href") ||
													"javascript:void(0)" === n(this).attr("href")
												)
													return !1;
												i.location.href = n(this).attr("href");
											}
										}));
							};
						(r.callback = function(n) {
							s[n] !== a && s[n].call(t);
						}),
						r.init();
					}),
					(n.fn.navigation = function(i) {
						return this.each(function() {
							if (a === n(this).data("navigation")) {
								var e = new n.navigation(this, i);
								n(this).data("navigation", e);
							}
						});
					});
				})(jQuery, window, document);
			}

			(function($) {
				'use strict';

				var $window = $(window);

				if ($.fn.navigation) {
					$("#navigation1").navigation();
					$("#always-hidden-nav").navigation({
						hidden: true
					});
				}
			})(jQuery);

			$(document).ready(function() {

				if ($(window).width() < 993) {
					var block = $('header.header_area').height();

					var margin = block;
					$(".path").css("padding-top", margin);
				}

			});
			// const updateBodypadding = () => document.body.style.paddingTop = document.querySelector('header.header_area').getBoundingClientRect().height + 'px';
			// updateBodypadding();
			// window.addEventListener('resize', updateBodypadding, {
			// 	passive: true
			// })
		</script>
	</header>

<script>
(function() {
    var s = document.createElement('script');
    s.async = true;
    s.src = 'https://unpkg.com/@vkid/sdk@2/dist-sdk/umd/index.js';
    s.onload = function() {
        if (!('VKIDSDK' in window)) return;
        var VKID = window.VKIDSDK;
        VKID.Config.init({
            app: 54587134,
            redirectUrl: 'https://rutasker.com/moduls/social_oauth/vk.php',
            responseMode: VKID.ConfigResponseMode.Callback,
            scope: '',
        });
        var oAuth = new VKID.OAuthList();
        oAuth.render({
            container: document.getElementById('vkid-oauth-widget'),
            oauthList: ['vkid', 'ok_ru', 'mail_ru']
        })
        .on(VKID.WidgetEvents.ERROR, function(err) { console.error('VKID error', err); })
        .on(VKID.OAuthListInternalEvents.LOGIN_SUCCESS, function(payload) {
            VKID.Auth.exchangeCode(payload.code, payload.device_id)
                .then(function(data) {
                    var f = document.createElement('form');
                    f.method = 'POST';
                    f.action = '/moduls/social_oauth/vk.php';
                    var i = document.createElement('input');
                    i.type = 'hidden'; i.name = 'vkid_token'; i.value = data.access_token || '';
                    f.appendChild(i);
                    document.body.appendChild(f);
                    f.submit();
                })
                .catch(function(err) { console.error('VKID exchange error', err); });
        });
    };
    document.head.appendChild(s);
})();
</script>    <style>
        .lk__content .input-block textarea {
            max-width: 100% !important;
        }

        .lk__content .input-block input:not(.counter__input):not([type="checkbox"]) {
            width: 100% !important;
        }

        .counter {
            display: inline-block;
            margin: 0px 50px 30px 0px;
        }

        .lk__content .restrictions-form .counter {
            display: block;
        }

        .lk__content .restrictions-form .counter .counter__input {
            width: 120px;
        }

        .lk__content input[type="checkbox"] {
            width: unset !important;
        }

        .lk__content select.input {
            width: 100%;
        }
    </style>
    <div class="path">
        <div class="wrapper">
            <div class="path__content">
                <a href="/" class="path__link">Главная</a>
                &#187;
				<a href="/blog" class="path__link">Блог</a>
				
&#187;<p class="path__p">Страница № 5</p>            </div>
        </div>
    </div>

    <style>
        .news-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .news-item {
            padding: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
            border-radius: 15px;
        }

        .news-item h2 a {
            font-size: 22px !important;
        }
        .news-item h2 {
            color: #2b96f1;
            transition: 0.3s;
            margin-bottom: 10px;
        }

        .news-item img {
            border-radius: 8px;
        }

        .news-item h2:hover {
            color: #1088ee;
        }

        .short-text {
            margin: 10px 0 !important;
            max-width: 960px;

            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news-item .short-text-link-more {
            color: #2b96f1;
        }
    </style>

    <section class="lk news-page">
        <div class="wrapper">
            <div class="lk__content">
                <div class="lk__main">
                    <h1 class="page-title">Блог Rutasker</h1>
												<!-- Дальше идёт вывод Pagination -->
							<div class="pagination" style="margin-top:15px; text-align: center !important; align: center !important;" align="center">
								<div class="pagination__pages" style="text-align: center !important; align: center !important;" align="center">
																			<a href="/blog" title="Первая страница" class="pagination__item">&lt;&lt;&lt;</a>
										<a href="/blog?page=4" title="Предыдущая страница" class="pagination__item">&lt;</a>
																												<a href="/blog" class="pagination__item">1</a>																			<a href="/blog?page=2" class="pagination__item">2</a>																			<a href="/blog?page=3" class="pagination__item">3</a>																			<a href="/blog?page=4" class="pagination__item">4</a>																			<span class="pagination__item active">5</span>																			<a href="/blog?page=6" class="pagination__item">6</a>																												<a href="/blog?page=6" title="Следующая страница" class="pagination__item">&gt;</a>
										<a href="/blog?page=6" title="Последняя страница" class="pagination__item">&gt;&gt;&gt;</a>
																	</div>
							</div>
						
                    <div class="lk__page formated-text">
                        <div class="news-list"></div>                    </div>
												<!-- Дальше идёт вывод Pagination -->
							<div class="pagination" style="margin-top:15px; text-align: center !important; align: center !important;" align="center">
								<div class="pagination__pages" style="text-align: center !important; align: center !important;" align="center">
																			<a href="/blog" title="Первая страница" class="pagination__item">&lt;&lt;&lt;</a>
										<a href="/blog?page=4" title="Предыдущая страница" class="pagination__item">&lt;</a>
																												<a href="/blog" class="pagination__item">1</a>																			<a href="/blog?page=2" class="pagination__item">2</a>																			<a href="/blog?page=3" class="pagination__item">3</a>																			<a href="/blog?page=4" class="pagination__item">4</a>																			<span class="pagination__item active">5</span>																			<a href="/blog?page=6" class="pagination__item">6</a>																												<a href="/blog?page=6" title="Следующая страница" class="pagination__item">&gt;</a>
										<a href="/blog?page=6" title="Последняя страница" class="pagination__item">&gt;&gt;&gt;</a>
																	</div>
							</div>
						                </div>
            </div>
        	<br>Поделитесь с друзьями:<br>
							<br>
							<script src="https://yastatic.net/share2/share.js"></script>
						<div class="ya-share2" data-curtain data-shape="round" data-services="vkontakte,odnoklassniki,telegram,moimir,viber,whatsapp,twitter,pinterest,skype"></div>
        </div>
    </section>

    <footer class="footer">
	<div class="wrapper">
		<div class="footer__content">
			<ul class="footer__col">
				<li class="footer__item">
					<a href="/catalog/lajki" class="footer__link">Накрутка лайков</a>
				</li>
				<li class="footer__item">
					<a href="/catalog/reposty" class="footer__link">Накрутка репостов</a>
				</li>
				<li class="footer__item">
					<a href="/catalog/podpischiki" class="footer__link">Накрутка живых подписчиков</a>
				</li>
				<li class="footer__item">
					<a href="/catalog/kommentarii" class="footer__link">Накрутка комментариев</a>
				</li>
				<li class="footer__item">
					<a href="/catalog/golosa" class="footer__link">Накрутка голосов</a>
				</li>
				<li class="footer__item">
					<a href="/catalog/besplatno" class="footer__link">Бесплатная накрутка</a>
				</li>
			</ul>
			<ul class="footer__col">
				<li class="footer__item">
					<a href="/page/partners" class="footer__link">Партнерская программа</a>
				</li>
				<li class="footer__item">
					<a href="/page/vozvrat" class="footer__link">Возврат денежных средств</a>
				</li>
				<li class="footer__item">
					<a href="/page/faq" class="footer__link">FAQ</a>
				</li>
				<li class="footer__item">
					<a href="/page/o-nas" class="footer__link">О нас</a>
				</li>
				<li class="footer__item">
					<a href="/contacts" class="footer__link">Контакты</a>
				</li>
				<li class="footer__item">
					<a href="/news" class="footer__link">Новости</a>
				</li>
				<li class="footer__item">
					<a href="/blog" class="footer__link">Блог</a>
				</li>
				<li class="footer__item">
					<a href="/payments" class="footer__link">Выплаты</a>
				</li>
			</ul>
			<ul class="footer__col">
				<li class="footer__item">
					<a href="/page/oferta" class="footer__link">Пользовательское соглашение и Политика конфиденциальности</a>
				</li>
			</ul>
			<ul class="footer__col">
				<li class="footer__item">
					<p>Не является публичной офертой</p>
				</li>
				<li class="footer__item">
					<p>* Meta Platforms Inc. (соц.сети Facebook, Instagram) признана экстремистской, её деятельность запрещена на территории России.</p>
				</li>
			</ul>
		</div>

		<hr>

		<div class="footer__more">
			<div class="footer__year">2026 © RuTasker.com</div>
			<!--noindex-->
			<div class="footer__pay">
				<ul class="pay-list">
					<li class="pay-list__li">
						<a href="https://vk.com/rutaskercom" target="_blank">
							<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
								<path fill-rule="evenodd" d="M22.463 6.823c.095-.447-.116-.698-.615-.698h-2.515c-.576 0-.787.233-.96.572 0 0-1.36 2.7-3.013 4.4-.532.55-.802.715-1.095.715-.236 0-.345-.183-.345-.68V6.788c0-.608-.077-.787-.615-.787H9.274c-.307 0-.5.166-.5.393 0 .573.941.702.941 2.254v3.2c0 .645-.038.895-.364.895-.864 0-2.918-2.772-4.07-5.92C5.051 6.18 4.801 6 4.148 6H1.634C1.269 6 1 6.232 1 6.572c0 .626.787 3.523 3.878 7.404C6.95 16.587 9.678 18 12.134 18c1.498 0 1.862-.232 1.862-.823v-2.003c0-.5.212-.715.519-.715.345 0 .955.103 2.38 1.413C18.585 17.374 18.7 18 19.621 18h2.822c.288 0 .557-.125.557-.572 0-.59-.826-1.646-2.093-2.897-.518-.644-1.363-1.342-1.631-1.664-.384-.375-.269-.59 0-.983 0 0 2.898-3.81 3.187-5.061z" />
							</svg>
						</a>
					</li>
					<li class="pay-list__li">
						<a href="https://t.me/rutaskerchat" target="_blank">
							<svg fill="#fff" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
								<path fill-rule="evenodd" d="M12.59 16.594l-2.593 2.423s-.203.157-.425.059l.497-4.5.017.013.01-.092s7.272-6.697 7.57-6.982c.298-.285.198-.346.198-.346.02-.346-.536 0-.536 0l-9.636 6.27-4.013-1.384s-.616-.224-.676-.713c-.06-.488.696-.753.696-.753l15.953-6.412s1.312-.59 1.312.387L18.123 19.24s-.398 1.018-1.49.53l-4.043-3.176z" />
							</svg>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="info-content-show"></div>
</footer>

<!--LiveInternet counter-->
<script>
	new Image().src = "https://counter.yadro.ru/hit?r" + escape(document.referrer) + ((typeof(screen) == "undefined") ? "" : ";s" + screen.width + "*" + screen.height + "*" + (screen.colorDepth ? screen.colorDepth : screen.pixelDepth)) + ";u" + escape(document.URL) + ";h" + escape(document.title.substring(0, 150)) + ";" + Math.random();
</script>
<!--/LiveInternet-->

<!-- Yandex.Metrika counter -->
<script>
	(function(m, e, t, r, i, k, a) {
		m[i] = m[i] || function() {
			(m[i].a = m[i].a || []).push(arguments)
		};
		m[i].l = 1 * new Date();
		for (var j = 0; j < document.scripts.length; j++) {
			if (document.scripts[j].src === r) {
				return;
			}
		}
		k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
	})(window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js?id=106953410', 'ym');

	ym(106953410, 'init', {
		ssr: true,
		webvisor: true,
		clickmap: true,
		ecommerce: "dataLayer",
		referrer: document.referrer,
		url: location.href,
		accurateTrackBounce: true,
		trackLinks: true
	});
</script>

<noscript>
	<div><img src="https://mc.yandex.ru/watch/106953410" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript>
<!-- /Yandex.Metrika counter -->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4TS0BGYYV9"></script>
<script>
	window.dataLayer = window.dataLayer || [];

	function gtag() {
		dataLayer.push(arguments);
	}
	gtag('js', new Date());
	gtag('config', 'G-4TS0BGYYV9');
</script>

<script>
	jQuery(document).ready(function($) {
		if (localStorage.getItem('info-content-show')) return;
		const banner = document.getElementById('info-content-show');
		banner.style.cssText = 'position:fixed;bottom:0;left:0;right:0;background:#222;color:#fff;padding:10px 15px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:9999;font-size:14px;line-height:1.2;';
		const text = document.createElement('span');
		text.innerHTML = 'Мы используем файлы cookies. <a href="/page/cookie" rel="noindex,nofollow">Подробнее</a>';
		const btn = document.createElement('button');
		btn.innerHTML = 'OK';
		btn.style.cssText = 'padding:6px 12px;border:0;background:#4CAF50;color:#fff;border-radius:4px;cursor:pointer;';
		btn.onclick = () => {
			localStorage.setItem('info-content-show', 1);
			banner.remove();
		};
		banner.append(text, btn);
	});
</script>

<!--/noindex-->
	<script>
		if ($(window).width() < 993) {
			jQuery(document).ready(function($) {
				$('#menu, #menu *').removeClass();
				new Mmenu("#menu", {
					"offCanvas": {
						"position": "right"
					},
					"navbars": [{
						"content": [
							"breadcrumbs",
							"close"
						]
					}]
				}, {
					"language": "ru",
				});
			});
		};
	</script>

<script>
	function switchTab(tab) {
		const tabs = {
			login: document.getElementById('tab-login'),
			register: document.getElementById('tab-register')
		};
		const forms = {
			login: document.getElementById('form-login'),
			register: document.getElementById('form-register'),
			forgot: document.getElementById('form-forgot')
		};
		const title = document.getElementById('modal-title');
		const sub = document.getElementById('modal-sub');
		Object.values(tabs).forEach(t => t.classList.remove('active'));
		Object.values(forms).forEach(f => f.style.display = 'none');
		const config = {
			login: {
				activeTab: 'login',
				showForm: 'login',
				title: 'Вход',
				sub: 'Рады снова вас видеть!'
			},
			register: {
				activeTab: 'register',
				showForm: 'register',
				title: 'Регистрация',
				sub: 'Создайте аккаунт за пару секунд'
			},
			forgot: {
				activeTab: 'login',
				showForm: 'forgot',
				title: 'Забыли пароль',
				sub: 'Пароль будет отправлен на почту'
			}
		};
		const current = config[tab];
		if (!current) return;
		tabs[current.activeTab].classList.add('active');
		forms[current.showForm].style.display = 'block';
		title.textContent = current.title;
		sub.textContent = current.sub;
	}

	function togglePw(id) {
		const input = document.getElementById(id);
		input.type = input.type === 'password' ? 'text' : 'password';
	}
</script>
    <script src="/js/script.min.js?=v1.0.93"></script>
    <script src="/js/overlay.js?=v1.0.93"></script>
    <script src="/js/script.js?=v1.0.93"></script>
</body>
</html>