/*
Theme Name: DevSEO
Theme URI: https://dev-seo.ru
Author: Your Name
Author URI: https://dev-seo.ru
Description: Custom theme for DevSEO
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: devseo
*/

/* Reset and Base Styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-size: 16px;
	scroll-behavior: smooth;
}

body {
	font-family: var(--font-family);
	font-size: var(--font-size-base);
	line-height: 1.6;
	color: var(--color-gray-900);
	/* background-color: var(--color-white);*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

code, pre, kbd, samp {
	font-family: var(--font-family);
}

/* Блокировка скролла body при открытом мобильном меню */
body[data-menu-open="true"] {
	overflow: hidden;
}


body::before {
	content: "";
	position: fixed;
	inset: -10%;
	background:


			radial-gradient(45% 40% at 50% 50%, rgba(138,61,240,0.30), transparent 65%);


	animation: drift 28s ease-in-out infinite alternate;
	pointer-events: none;
	z-index: -1;
}

body::after {
	content: "";
	position: fixed;
	inset: 0;
	background-image:
		/* крестики точно в пересечениях линий */
			url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='72'%20height='72'%3E%3Cpath%20d='M-6%200H6M66%200H78M-6%2072H6M66%2072H78M0%20-6V6M0%2066V78M72%20-6V6M72%2066V78'%20stroke='rgba(255,255,255,0.5)'%20stroke-width='1'%20fill='none'/%3E%3C/svg%3E"),
				/* линии сетки */
			linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
			linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
	background-size: 52px 52px;
	-webkit-mask-image: radial-gradient(ellipse at center, black 25%, transparent 78%);
	mask-image: radial-gradient(ellipse at center, black 25%, transparent 78%);
	pointer-events: none;
	z-index: -1;
}



/* Container */
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 var(--spacing-xl);
}
section {
	position: relative;
	padding-top: 90px;
	padding-bottom: 90px;
}

section + section {
	border-top: 1px solid rgba(178, 140, 255, .12);
}