html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
	font-weight: 400;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	cursor: default
}

table {
	border: 1px solid rgba(59, 59, 59, .21);
	border: var(--table-border-width) var(--table-border-type) var(--table-border-color);
	border-collapse: collapse;
	background-color: #141210;
	border-radius: .125rem;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1)
}

th {
	color: #ed9f4d;
	background-color: #201a16;
	font-weight: 700
}

tr:where(:nth-child(odd)) {
	background-color: #1b1916
}

::-webkit-scrollbar {
	width: max(.375rem, .375rem);
	height: max(.125rem, .125rem);
	background-color: rgba(0, 0, 0, .4)
}

::-webkit-scrollbar-thumb {
	background-color: #6b4725
}

::-webkit-scrollbar-thumb:hover {
	background-color: #9b6635
}

.section-slider-active [data-section=navigation] {
	margin-right: 0 !important
}

body {
	top: 0 !important;
	position: relative !important;
	z-index: 0;
	overflow-x: clip;
	margin: 0;
	background-color: #0d0502;
	background-color: rgba(var(--body-background-color), 1);
	background-image: none;
	background-size: auto;
	background-position: 50%;
	background-repeat: no-repeat
}

.scroll {
	overflow-x: auto;
	scrollbar-width: none
}

.scroll::-webkit-scrollbar {
	width: max(.3125rem, .3125rem);
	height: max(.75rem, .75rem);
	border-bottom: .3125rem solid #212023;
	background-color: transparent
}

.scroll::-webkit-scrollbar-thumb {
	background-color: transparent;
	height: max(.3125rem, .3125rem);
	width: max(.3125rem, .3125rem);
	border-top: max(.5rem, .5rem);
	border-bottom: solid orange;
	border-bottom: max(.3125rem, .3125rem) solid rgba(var(--color-orange), 1)
}

.author {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	font-size: .75rem;
	color: rgba(#fff, 1);
	color: rgba(var(--color-4), 1);
	text-decoration: none;
	transition: all .2s
}

[href].author:hover {
	color: #fff;
	color: rgba(var(--color-1), 1)
}

.auth {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	grid-gap: 1.5rem;
	gap: 1.5rem;
	position: relative
}

.auth__dropdown {
	position: relative;
	display: inline-flex;
	align-items: stretch;
	width: auto
}

.auth__dropdown-trigger {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-width: 10rem;
	padding-inline: 1.75rem;
	text-transform: uppercase;
	list-style: none;
	cursor: pointer
}

.auth__dropdown-trigger:after {
	content: "";
	width: .5rem;
	height: .5rem;
	border-right: 2px solid rgba(255, 233, 211, .85);
	border-bottom: 2px solid rgba(255, 233, 211, .85);
	transform: rotate(45deg);
	transition: transform .2s ease;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	box-sizing: border-box;
}

.auth__dropdown[open] .auth__dropdown-trigger:after {
	transform: rotate(225deg)
}

.auth__dropdown-trigger::-webkit-details-marker {
	display: none
}

.auth__dropdown-menu {
	position: absolute;
	min-width: 13.5rem;
	padding: .75rem 0;
	border-radius: .75rem;
	background: linear-gradient(160deg, rgba(28, 24, 20, .96), rgba(12, 10, 11, .9));
	border: 1px solid rgba(209, 172, 107, .24);
	box-shadow: 0 18px 38px rgba(0, 0, 0, .45);
	right: 0;
	top: calc(100% + .75rem);
	z-index: 60
}

.auth__dropdown:not([open]) .auth__dropdown-menu {
	display: none
}

.auth__dropdown-list {
	display: flex;
	flex-direction: column;
	gap: .25rem
}

.auth__dropdown-link {
	display: block;
	padding: .6rem 1.25rem;
	color: rgba(255, 233, 211, .92);
	font-size: .875rem;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
	background: transparent;
	border: 0;
	text-align: left;
	font-family: inherit;
	cursor: pointer
}

.auth__dropdown-link:hover,
.auth__dropdown-link:focus-visible {
	background: rgba(255, 188, 100, .14);
	color: rgba(255, 233, 211, 1)
}

.auth__dropdown-link--logout {
	color: rgba(248, 113, 113, .92);
	width: 100%;
}

.auth__dropdown-link--logout:hover,
.auth__dropdown-link--logout:focus-visible {
	background: rgba(248, 113, 113, .16)
}

.auth__dropdown-form {
	margin: 0
}

@media (max-width:1023px) {
	.auth {
		justify-content: flex-end
	}

	.auth__dropdown {
		display: block;
		width: 100%
	}

	.auth__dropdown-trigger {
		width: 100%;
		justify-content: center;
		min-width: 0
	}

	.auth__dropdown-menu {
		position: static;
		margin-top: .75rem;
		width: 100%;
		box-shadow: 0 12px 24px rgba(0, 0, 0, .35)
	}
}

@media (max-width:640px) {
	.auth {
		grid-gap: 1rem;
		gap: 1rem
	}

	.auth__dropdown-trigger {
		padding-inline: 1.25rem;
		font-size: .875rem
	}

	.auth__dropdown-menu {
		border-radius: .65rem
	}
}

.title {
	color: #ffba70;
	color: rgba(var(--color-accent), 1)
}

.title {
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-4);
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.1;
	margin: 0
}

.subtitle {
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	margin: 0
}

.ttl {
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0);
	color: #ffba70;
	color: rgba(var(--color-accent), 1);
	margin: 0;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.ttl_size_large {
	font-size: 1.5rem
}

.heading {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center
}

.caption {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	grid-gap: .75rem;
	gap: .75rem
}

.caption_mb_large {
	margin-bottom: 1.375rem
}

.list {
	padding-left: 0;
	list-style-type: none;
	display: grid;
	grid-gap: 1.125rem;
	gap: 1.125rem
}

.list li {
	position: relative;
	z-index: 0;
	padding-left: 1.75rem
}

.list li:before {
	content: "";
	background-color: #ffba70;
	background-color: rgba(var(--color-accent), 1);
	background-image: none;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: .5rem;
	left: 0;
	width: .5625rem;
	height: .5625rem;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	clip-path: polygon(0 0, 0 100%, 100% 50%)
}

.cover {
	width: 100%;
	display: block;
	border-radius: .3125rem;
	border-radius: var(--border-radius)
}

.cover_mb {
	margin-bottom: 1rem
}

.play {
	flex-shrink: 0;
	width: 3.125rem;
	height: 3.125rem;
	background-color: transparent;
	background-image: url(../images/icons/play.png);
	background-image: var(--icon-play);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	filter: drop-shadow(0 0 1.25rem rgba(196, 170, 148, .6))
}

.back-wrap {
	text-align: center;
	margin-bottom: .5rem
}

.back {
	display: flex;
	justify-content: center;
	align-items: center
}

.back-wrap {
	display: flex;
	justify-content: center;
	align-items: center
}

.back {
	grid-gap: .375rem;
	gap: .375rem;
	text-decoration: none;
	color: rgba(var(--color-accent-0), 1);
	font-size: 1.375rem;
	font-weight: 400;
	transition: all .2s
}

.back:hover {
	color: #ffba70;
	color: rgba(var(--color-accent), 1)
}

.back__ico {
	font-size: .9em
}

.back__ico:after {
	content: "←";
	font-style: normal
}

[data-gw-anime] {
	opacity: 0;
	transition: all 1s
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(.8)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale(.8) translateY(-5vh)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale(.8) translateY(-5vh)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale(.8) translateY(5vh)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale(.8) translateY(5vh)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

.fadeIn {
	-webkit-animation: fadeIn 1s ease forwards;
	animation: fadeIn 1s ease forwards
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20%)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20%)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20%)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20%)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(5vh)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(5vh)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.fadeInDown {
	-webkit-animation: fadeInDown 1s ease forwards;
	animation: fadeInDown 1s ease forwards
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-5vh)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-5vh)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes turnRight {
	0% {
		opacity: 0;
		transform: translateX(-15%) rotate(-15deg)
	}

	to {
		opacity: 1;
		transform: translateX(0) rotate(0)
	}
}

@keyframes turnRight {
	0% {
		opacity: 0;
		transform: translateX(-15%) rotate(-15deg)
	}

	to {
		opacity: 1;
		transform: translateX(0) rotate(0)
	}
}

@-webkit-keyframes turLeft {
	0% {
		opacity: 0;
		transform: translateX(15%) rotate(15deg)
	}

	to {
		opacity: 1;
		transform: translateX(0) rotate(0)
	}
}

@keyframes turLeft {
	0% {
		opacity: 0;
		transform: translateX(15%) rotate(15deg)
	}

	to {
		opacity: 1;
		transform: translateX(0) rotate(0)
	}
}

:root {
	--logo-height: auto
}

.logo {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 0;
	flex-shrink: 0
}

.logo__img {
	display: block;
	margin: 0;
	height: auto;
	height: var(--logo-height);
	width: auto
}

.logo__img_hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	width: 100%
}

.logo:hover .logo__img_hover {
	-webkit-animation: logo .3s ease;
	animation: logo .3s ease
}

@-webkit-keyframes logo {
	0% {
		transform: scale(1);
		opacity: 0
	}

	20% {
		opacity: .3
	}

	to {
		transform: scale(1.3);
		opacity: 0
	}
}

@keyframes logo {
	0% {
		transform: scale(1);
		opacity: 0
	}

	20% {
		opacity: .3
	}

	to {
		transform: scale(1.3);
		opacity: 0
	}
}

.logotype {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: .75rem;
	position: relative;
	z-index: 0
}

.logotype__img {
	display: block;
	transition: all .3s
}

.logotype__img_hover_animation {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: all .2s;
	pointer-events: none
}

.logotype:hover .logotype__img_hover_animation {
	-webkit-animation: logotype .3s ease;
	animation: logotype .3s ease
}

@-webkit-keyframes logotype {
	0% {
		transform: scale(1);
		opacity: 0
	}

	20% {
		opacity: .3
	}

	to {
		transform: scale(1.2);
		opacity: 0
	}
}

@keyframes logotype {
	0% {
		transform: scale(1);
		opacity: 0
	}

	20% {
		opacity: .3
	}

	to {
		transform: scale(1.2);
		opacity: 0
	}
}

.button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-gap: .5rem;
	gap: .5rem;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	flex-shrink: 0;
	font-style: normal;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0);
	font-size: 1rem;
	font-weight: 400;
	cursor: pointer;
	transition: all .2s;
	box-shadow: none;
	position: relative;
	text-transform: uppercase;
	z-index: 0;
	outline: 0;
	background: transparent;
	border: 0;
	line-height: 1;
	padding: .3125rem 1.5rem;
	min-width: 6.25rem;
	min-height: 2.625rem;
	max-width: 100%;
	will-change: transform;
	text-shadow: 0 1px .125rem #000
}

.button:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .2s;
	background-image: linear-gradient(180deg, #bf8c5b, rgba(79, 53, 28, .8));
	border-radius: .1875rem
}

.button:hover:after {
	filter: brightness(130%)
}

.btn:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .2s;
	background-image: url(../images/btn/btn.png);
	background-image: var(--btn-img-url);
	background-size: 100% 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	pointer-events: none;
	filter: grayscale(0) brightness(100%);
	-webkit-clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0);
	clip-path: polygon(calc(100% - .625rem) 0, calc(100% - 2.75rem) 1rem, calc(100% - .5625rem) .3125rem, 100% 50%, calc(100% - .625rem) 100%, .625rem 100%, 1.625rem calc(100% - 1.5rem), .5rem calc(100% - .25rem), 0 50%, .625rem 0)
}

.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	grid-gap: .5rem;
	gap: .5rem;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	flex-shrink: 0;
	font-style: normal;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0);
	font-size: 1rem;
	font-size: calc(var(--btn-fs)*var(--btn-scale));
	font-weight: 400;
	cursor: pointer;
	transition: all .2s;
	box-shadow: none;
	position: relative;
	text-transform: uppercase;
	z-index: 0;
	outline: 0;
	background: transparent;
	border: 0;
	line-height: 1;
	padding: .3125rem 1.875rem;
	padding: .3125rem calc(1.875rem*var(--btn-scale));
	min-width: 12.5rem;
	min-width: calc(var(--btn-w)*var(--btn-scale));
	height: 3.125rem;
	height: calc(var(--btn-h)*var(--btn-scale));
	max-width: 100%;
	text-wrap: balance;
	letter-spacing: 0;
	letter-spacing: var(--btn-letter-spacing);
	will-change: transform;
	text-shadow: 0 1px .125rem #000;
	filter: drop-shadow(0 .125rem 0 rgba(0, 0, 0, .5)) drop-shadow(0 .1875rem 1.5625rem rgba(255, 188, 100, .3))
}

.btn:hover:before {
	filter: grayscale(0) brightness(125%)
}

[data-open-tab-active=true]:before {
	filter: grayscale(0) brightness(125%)
}

.btn_size_large:before {
	-webkit-clip-path: polygon(calc(100% - 1rem) 0, calc(100% - 3.375rem) 1.375rem, calc(100% - .875rem) .375rem, 100% 50%, calc(100% - 1rem) 100%, 1rem 100%, 1.875rem calc(100% - 1.875rem), .875rem calc(100% - .3125rem), 0 50%, 1rem 0);
	clip-path: polygon(calc(100% - 1rem) 0, calc(100% - 3.375rem) 1.375rem, calc(100% - .875rem) .375rem, 100% 50%, calc(100% - 1rem) 100%, 1rem 100%, 1.875rem calc(100% - 1.875rem), .875rem calc(100% - .3125rem), 0 50%, 1rem 0)
}

.lang {
	--lang-img-size: 2.125rem;
	--lang-list-offset: 1rem;
	width: auto;
	padding-right: 1rem;
	position: relative;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	font-size: 1.125rem;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.lang {
	box-sizing: border-box;
	flex-shrink: 0
}

.lang__current {
	box-sizing: border-box;
	flex-shrink: 0
}

.lang__current {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	align-items: center;
	grid-gap: .5rem;
	gap: .5rem;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;
	grid-template-columns: var(--lang-img-size) 1fr;
	line-height: 1;
	text-decoration: none;
	padding: 1px 0;
	width: 100%
}

.lang__current-img {
	border-radius: 50%;
	transition: all .3s;
	display: block
}

.lang__current:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border-left: .3125rem solid transparent;
	border-right: .3125rem solid transparent;
	border-top: .375rem solid currentColor;
	color: #878076;
	font-size: .75rem;
	opacity: .8;
	transform: translateY(-50%) rotate(0deg);
	transition: transform .25s ease, opacity .25s ease;
	pointer-events: none
}

.lang__current:after {
	cursor: pointer
}

.lang__link {
	cursor: pointer
}

.lang__link {
	display: grid;
	grid-auto-flow: column;
	justify-content: flex-start;
	align-items: center;
	grid-gap: .5rem;
	gap: .5rem;
	overflow: hidden;
	grid-template-columns: var(--lang-img-size) 1fr;
	flex-shrink: 0;
	line-height: 1.31;
	text-decoration: none;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	padding: .3125rem 0 .3125rem .625rem;
	width: 100%;
	box-sizing: border-box
}

.lang:hover .lang__current:after {
	opacity: 1;
	transform: translateY(-50%) rotate(180deg)
}

.lang__link:hover {
	opacity: 1
}

.lang__name {
	flex-shrink: 0
}

.lang__img {
	display: block;
	height: var(--lang-img-size);
	width: var(--lang-img-size);
	flex-shrink: 0;
	border: .3125rem solid rgba(255, 178, 111, .14);
	box-sizing: border-box;
	border-radius: 50%
}

.lang__link_sub:hover {
	background-color: hsla(0, 0%, 100%, .04)
}

.lang__list {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	transform: translateY(0);
	box-sizing: border-box;
	position: absolute;
	top: calc(100% + var(--lang-list-offset));
	left: -.6875rem;
	width: 12rem;
	padding: .3125rem 0;
	border-radius: .1875rem;
	-webkit-backdrop-filter: blur(.1875rem);
	backdrop-filter: blur(.1875rem);
	background: rgba(13, 8, 5, .8);
	border: 1px solid rgba(255, 178, 111, .14)
}

.lang__list:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: var(--lang-list-offset)
}

.lang:hover .lang__list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.mdl {
	max-width: 72.5rem;
	width: 100%;
	box-sizing: border-box;
	background-color: transparent;
	padding: 0;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0);
	filter: drop-shadow(0 2rem 8rem rgba(255, 188, 100, .16))
}

.mdl__close {
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	background-size: contain;
	border-radius: 50%;
	z-index: 20;
	top: .625rem;
	right: .625rem
}

.mdl__close {
	display: block;
	transition: all .3s;
	position: absolute
}

.mdl__close:after {
	display: block;
	transition: all .3s;
	position: absolute
}

.mdl__close:before {
	display: block;
	transition: all .3s;
	position: absolute
}

.mdl__close:after {
	content: "";
	background: #9a8771;
	top: calc(50% - 1px);
	left: 0;
	right: 0;
	height: .125rem;
	border-radius: 0
}

.mdl__close:before {
	content: "";
	background: #9a8771;
	top: calc(50% - 1px);
	left: 0;
	right: 0;
	height: .125rem;
	border-radius: 0
}

.mdl__close:before {
	transform: rotate(-45deg)
}

.mdl__close:after {
	transform: rotate(45deg)
}

.mdl__close:hover:after {
	filter: brightness(120%);
	transform: rotate(0)
}

.mdl__close:hover:before {
	filter: brightness(120%);
	transform: rotate(0)
}

.mdl__inner {
	background-color: #111;
	background-image: url(../images/mdl/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: .375rem;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	width: 100%;
	padding: 1.875rem 1rem;
	box-shadow: inset 0 0 3.125rem rgba(255, 179, 93, .1)
}

.mdl__body {
	background-position: 50%;
	box-sizing: border-box;
	border: 0
}

.mdl__inner {
	background-position: 50%;
	box-sizing: border-box;
	border: 0
}

.mdl__body {
	background-size: auto;
	background-repeat: repeat;
	position: relative;
	z-index: 0;
	border-radius: 0
}

.arrow {
	background-color: transparent;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	width: 3.5rem;
	height: 4.25rem;
	flex-shrink: 0;
	cursor: pointer;
	transition: all .3s
}

.arrow:hover {
	filter: brightness(120%)
}

.arrow_prev {
	background-image: url(../images/swiper/arrow-prev.svg)
}

.arrow_next {
	background-image: url(../images/swiper/arrow-next.svg)
}

.arrow.swiper-button-disabled {
	opacity: .3;
	pointer-events: none
}

.arrows {
	grid-gap: 2.5rem;
	gap: 2.5rem
}

.arrows {
	display: flex;
	justify-content: center;
	align-items: center
}

.dot {
	width: 1.25rem;
	height: 1.25rem;
	box-sizing: border-box;
	opacity: 1;
	cursor: pointer;
	flex-shrink: 0;
	transition: all .3s;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	background-image: url(../images/swiper/dot.svg);
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.dot_active {
	background-image: url(../images/swiper/dot-active.svg);
	filter: drop-shadow(0 0 .6875rem #5865f2)
}

.control__arrow {
	margin-bottom: 1.5625rem
}

.control__arrow_prev {
	margin-right: .625rem
}

.control__arrow_next {
	margin-left: .625rem
}

.server-card {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: min(100%, 20rem);
	background-color: rgba(15, 10, 6, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0.425rem;
	box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.3);
	color: rgba(var(--color-0), 1);
	font-family: var(--font-2);
	line-height: 1.15;
	overflow: hidden;
	text-decoration: none
}

.server-card__left {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	padding: 0
}

.server-card__right {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.15rem;
	padding: 0;
	text-align: center
}

.server-card__status-label {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	margin-left: 0;
	padding: 0.35rem 0.5625rem 0.125rem 0.2rem;
	font-size: 0.5625rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 1;
	background-color: rgba(var(--color-green), 0.18);
	color: rgba(var(--color-green), 1);
	border-radius: 0 0 0.75rem 0;
	margin-bottom: 0.25rem
}

.server-card[data-server-status="offline"] .server-card__status-label {
	background-color: rgba(var(--color-red), 0.18);
	color: rgba(var(--color-red), 1)
}

.server-card[data-server-status="upcoming"] .server-card__status-label {
	position: relative;
	overflow: hidden;
	background: linear-gradient(120deg,
			rgba(253, 224, 71, 0.55),
			rgba(251, 191, 36, 0.75),
			rgba(217, 119, 6, 0.65),
			rgba(251, 191, 36, 0.75),
			rgba(253, 224, 71, 0.55));
	background-size: 300% 300%;
	animation: server-upcoming-wave 4s ease-in-out infinite;
	color: #fef3c7;
	font-weight: 800;
	text-shadow: 0 0 10px rgba(251, 191, 36, 0.6),
		0 1px 3px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 0 20px rgba(251, 191, 36, 0.2)
}

@keyframes server-upcoming-wave {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

.server-card__title {
	margin: 0 0 0 0.875rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	color: inherit
}

.server-card__players-label {
	display: block;
	max-width: 3.5rem;
	margin: 0 0.35rem;
	font-size: 0.5rem;
	font-weight: 600;
	text-transform: uppercase;
	font-kerning: none;
	letter-spacing: 0.08em;
	color: rgba(var(--color-0), 0.55);
	line-height: 1.05
}

.server-card__progress {
	position: relative;
	flex: 1 1 auto;
	margin: 0 0.875rem 0.2rem;
	height: 0.375rem;
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.12);
	overflow: hidden
}

.server-card__progress-fill {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 100%;
	background: linear-gradient(90deg, rgba(var(--color-green), 0.25) 0%, rgba(var(--color-green), 0.85) 100%);
	transition: right 0.6s ease
}

.server-card[data-server-status="offline"] .server-card__progress-fill {
	background: linear-gradient(90deg, rgba(var(--color-red), 0.25) 0%, rgba(var(--color-red), 0.8) 100%)
}

.server-card[data-server-status="upcoming"] .server-card__progress-fill {
	background: linear-gradient(90deg, rgba(var(--color-orange), 0.25) 0%, rgba(var(--color-orange), 0.85) 100%)
}

.server-card__percent-hidden {
	display: none
}

.server-card__count {
	display: inline-block;
	min-width: 3ch;
	margin: 0 0.35rem;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1;
	color: rgba(var(--color-green), 1)
}

.server-card[data-server-status="offline"] .server-card__count {
	color: rgba(var(--color-red), 1)
}

.server-card[data-server-status="upcoming"] .server-card__count {
	color: rgba(var(--color-orange), 1)
}

.servers-desktop {
	position: absolute;
	top: 5.25rem;
	left: 1.25rem;
	z-index: 10;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 20rem));
	gap: 1rem
}

[data-spoiler=active] {
	--spoiler-container-rows: 1fr;
	--spoiler-container-opacity: 1;
	--spoiler-container-maring: 0;
	--spoiler-container-padding: 1rem
}

[data-spoiler-trigger] {
	cursor: pointer
}

:root {
	--scl-bg-color: rgba(49, 34, 26, 0.92);
	--scl-font-size: 1.375rem;
	--scl-item-border: 1px solid hsla(0, 0%, 100%, 0.1);
	--scl-list-direction: column
}

.scl_type_mobile {
	--scl-item-border: none;
	--scl-list-direction: row;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.scl_type_desk {
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5
}

.scl__list {
	background-color: rgba(49, 34, 26, .92);
	background-color: var(--scl-bg-color);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	flex-direction: column;
	flex-direction: var(--scl-list-direction)
}

.scl__item {
	display: flex;
	justify-content: center;
	align-items: center
}

.scl__list {
	display: flex;
	justify-content: center;
	align-items: center
}

.scl__item {
	text-decoration: none;
	width: 3.5rem;
	height: 3.5rem;
	box-sizing: border-box;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	font-size: 1.375rem;
	font-size: var(--scl-font-size)
}

.scl__item:hover {
	background-color: hsla(0, 0%, 100%, .05);
	color: #ffba70;
	color: rgba(var(--color-accent), 1)
}

.scl__item:where(:not(:last-child)) {
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	border-bottom: var(--scl-item-border)
}

:root {
	--navigation-height: 4.375rem;
	--navigation-height-scroll: 4.375rem
}

[data-section=navigation] {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 50;
	background-color: transparent;
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(.1875rem);
	backdrop-filter: blur(.1875rem)
}

[data-section=navigation]:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
	background: rgba(13, 8, 5, .8);
	border-bottom: 1px solid rgba(255, 178, 111, .14)
}

[data-container=navigation] {
	z-index: 10
}

.navigation {
	display: flex;
	justify-content: flex-start;
	height: 4.375rem;
	height: var(--navigation-height);
	transition: all .2s
}

.nav-scroll .navigation {
	height: 4.375rem;
	height: var(--navigation-height-scroll)
}

.navigation__gw-burger {
	align-self: center;
	flex-shrink: 0
}

.navigation__menu {
	flex-grow: 1
}

.navigation__box {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	align-self: stretch;
	box-sizing: border-box;
	max-width: none
}

.navigation__box_side_left {
	justify-content: flex-start;
	grid-gap: 1.25rem;
	gap: 1.25rem
}

.navigation__box_side_right {
	justify-content: flex-end;
	margin-left: auto;
	margin-right: 1.25rem
}

.navigation__auth {
	margin-left: 1.25rem;
	border-left: 1px solid rgba(255, 178, 111, .14);
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 3.125rem
}

@-webkit-keyframes post {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes post {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

[data-section=footer] {
	position: relative;
	margin-top: auto;
	border-top: 1px solid rgba(255, 178, 111, .14);
	background: rgba(13, 8, 5, .8);
	background-image: url(../images/bg/bg-repeat.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 3rem;
	padding-bottom: 2rem
}

.footer__copyright {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffba70;
	color: rgba(var(--color-accent), 1)
}

.footer__desc {
	font-size: 1rem;
	margin-top: .3125rem;
	text-align: center
}

.footer__links {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: .625rem;
	grid-gap: .625rem 2.5rem;
	gap: .625rem 2.5rem
}

.footer__link {
	text-decoration: none;
	transition: all .2s;
	color: rgba(255, 233, 211, .6);
	color: rgba(var(--color-0), .6);
	font-size: 1rem
}

.footer__link:hover {
	color: #ffe9d3;
	color: rgba(var(--color-0), 1)
}

/* Footer Container - Specific rule for both site and control-panel */
[data-section="footer"] .container {
	max-width: 90rem;
	max-width: calc(var(--container-width) + var(--margin)*4);
	width: 100%;
	min-width: 0;
	padding-right: 1.25rem;
	padding-right: calc(var(--margin)*2);
	padding-left: 1.25rem;
	padding-left: calc(var(--margin)*2);
	margin: 0 auto;
	position: relative;
	z-index: 2;
	box-sizing: border-box
}

/* Enhanced Footer Styles */
.footer-enhanced {
	width: 100%;
	color: #ffe9d3;
	color: rgba(var(--color-0), 1);
	font-size: 0.9375rem;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid rgba(255, 178, 111, .14);
	border-bottom: 1px solid rgba(var(--color-accent), .14)
}

.footer-enhanced__column {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
	align-items: center
}

.footer-enhanced__column--about {
	gap: 0.75rem
}

.footer-enhanced__logo {
	display: inline-block;
	margin-bottom: 0.5rem;
	max-width: 10rem;
	position: relative
}

.footer-enhanced__logo-img {
	width: 100%;
	height: auto;
	display: block
}

.footer-enhanced__logo-img--animation {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: all .2s;
	pointer-events: none
}

.footer-enhanced__logo:hover .footer-enhanced__logo-img--animation {
	-webkit-animation: logotype .3s ease;
	animation: logotype .3s ease
}

.footer-enhanced__description {
	font-size: 0.875rem;
	line-height: 1.5;
	color: rgba(255, 233, 211, .7);
	color: rgba(var(--color-0), .7);
	margin: 0;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__server-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.375rem;
	justify-content: center;
	align-items: center;
	margin-top: 0.5rem
}

.footer-enhanced__server-break {
	flex-basis: 100%;
	width: 0;
	height: 0;
	overflow: hidden
}

.footer-enhanced__server-link {
	font-size: 0.8125rem;
	color: rgba(255, 233, 211, .5);
	color: rgba(var(--color-0), .5);
	text-decoration: none;
	transition: color .2s;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__server-link:hover {
	color: #ffba70;
	color: rgba(var(--color-accent), 1)
}

.footer-enhanced__server-sep {
	font-size: 0.8125rem;
	color: rgba(255, 233, 211, .3);
	color: rgba(var(--color-0), .3);
	user-select: none
}

.footer-enhanced__title {
	font-size: 1.125rem;
	font-weight: 700;
	color: #ffba70;
	color: rgba(var(--color-accent), 1);
	margin: 0 0 0.75rem 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	align-items: center
}

.footer-enhanced__list--spaced {
	margin-top: 1rem
}

.footer-enhanced__link {
	color: rgba(255, 233, 211, .7);
	color: rgba(var(--color-0), .7);
	text-decoration: none;
	transition: color .2s, padding-left .2s;
	font-size: 0.9375rem;
	display: inline-block;
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__link:hover {
	color: #ffba70;
	color: rgba(var(--color-accent), 1);
	padding-left: 0.25rem
}

.footer-enhanced__link--parent {
	font-weight: 600;
	color: rgba(255, 233, 211, .85);
	color: rgba(var(--color-0), .85)
}

/* CTA Buttons (Discord & WhatsApp) */
.footer-enhanced__cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	padding: 0.875rem 1.5rem;
	border-radius: 0.5rem;
	font-weight: 600;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	font-family: var(--font-4);
	width: 100%;
	max-width: 14rem;
	box-sizing: border-box
}

.footer-enhanced__cta-btn span.gwi {
	font-size: 1.25rem
}

/* Discord Button */
.footer-enhanced__cta-btn--discord {
	background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%);
	color: #fff
}

.footer-enhanced__cta-btn--discord:hover {
	background: linear-gradient(135deg, #6875F5 0%, #5865F2 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(88, 101, 242, 0.4);
	color: #fff
}

/* WhatsApp Button */
.footer-enhanced__cta-btn--whatsapp {
	background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
	color: #fff
}

.footer-enhanced__cta-btn--whatsapp:hover {
	background: linear-gradient(135deg, #2EE370 0%, #25D366 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
	color: #fff
}

/* Phone Info (below WhatsApp button) */
.footer-enhanced__phone-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	margin-top: 0.5rem
}

.footer-enhanced__phone-number {
	font-size: 0.9375rem;
	font-weight: 600;
	color: rgba(255, 233, 211, .85);
	color: rgba(var(--color-0), .85);
	font-family: var(--font-4)
}

.footer-enhanced__phone-hint {
	font-size: 0.75rem;
	color: rgba(255, 233, 211, .5);
	color: rgba(var(--color-0), .5);
	font-family: var(--font-0)
}

/* Inline link in post descriptions */
.post__link--inline {
	color: #7289da;
	text-decoration: underline;
	transition: color .2s ease
}

.post__link--inline:hover {
	color: #5b6eae
}

.footer-enhanced__social {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
	justify-content: center
}

.footer-enhanced__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: rgba(255, 178, 111, .1);
	background-color: rgba(var(--color-accent), .1);
	color: #ffba70;
	color: rgba(var(--color-accent), 1);
	text-decoration: none;
	transition: all .2s;
	font-size: 1.25rem
}

.footer-enhanced__social-link:hover {
	background-color: rgba(255, 178, 111, .2);
	background-color: rgba(var(--color-accent), .2);
	transform: translateY(-2px)
}

.footer-enhanced__language {
	margin-top: 1rem;
	position: relative;
	z-index: 50
}

.footer-enhanced__language .lang {
	position: relative
}

.footer-enhanced__language .lang__list {
	top: auto;
	bottom: calc(100% + var(--lang-list-offset));
	transform-origin: bottom center
}

.footer-enhanced__language .lang__list:after {
	bottom: auto;
	top: 100%;
	height: var(--lang-list-offset)
}

.footer-enhanced__bottom {
	padding-top: 1.5rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 0.75rem
}

.footer-enhanced__copyright {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffba70;
	color: rgba(var(--color-accent), 1);
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__legal {
	font-size: 0.75rem;
	line-height: 1.6;
	color: rgba(255, 233, 211, .5);
	color: rgba(var(--color-0), .5);
	font-family: Spectral, Times New Roman, Times, serif;
	font-family: var(--font-0)
}

.footer-enhanced__legal p {
	margin: 0.25rem 0
}

/* Tablet: 2 columns */
@media (max-width: 1024px) {
	.footer-enhanced__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem
	}
}

/* Mobile: 1 column */
@media (max-width: 640px) {
	[data-section=footer] {
		padding-top: 2rem;
		padding-bottom: 1.5rem
	}

	.footer-enhanced__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
		padding-bottom: 2rem
	}

	.footer-enhanced__column {
		gap: 0.75rem
	}

	.footer-enhanced__title {
		font-size: 1rem
	}

	.footer-enhanced__bottom {
		padding-top: 1rem
	}
}

.bg {
	bottom: 0;
	z-index: 1;
	background-image: url(../images/bg/bg-repeat.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	overflow: hidden;
	pointer-events: none
}

.bg,
.bg:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background-color: transparent;
	background-position: top
}

.bg:before {
	display: block;
	content: "";
	height: 111rem;
	z-index: 2;
	background-image: url(../images/bg/bg-top.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-mask: linear-gradient(180deg, #000 0, #000 calc(100% - 25rem), transparent);
	mask: linear-gradient(180deg, #000 0, #000 calc(100% - 25rem), transparent)
}

.static__content {
	background: rgba(12, 10, 9, .8);
	border: 1px solid rgba(255, 178, 111, .14);
	border: var(--border);
	border-radius: .3125rem;
	border-radius: var(--border-radius);
	padding: 1.25rem
}

@media (min-width:540px) {
	.lang__name {
		display: block
	}

	.mdl__close {
		top: 1.25rem;
		right: 1.25rem
	}
}

@media (min-width:840px) {
	.ttl {
		font-size: 1.5rem
	}

	.ttl_size_large {
		font-size: 2.125rem
	}

	.mdl__close {
		width: 2.25rem;
		height: 2.25rem;
		top: 1.875rem;
		right: 1.875rem
	}

	.mdl__inner {
		padding: 3.4375rem 1.875rem
	}
}

@media (min-width:1200px) {
	html {
		font-size: calc(max(.5vw, .25rem) + max(.5vh, .25rem))
	}

	.author {
		justify-content: flex-end;
		text-align: right
	}

	.title {
		font-size: 3.5rem
	}

	.subtitle {
		font-size: 1.375rem
	}

	:root {
		--btn-fs: 1.25rem
	}

	.btn_size_large {
		--btn-w: 20rem;
		--btn-h: 5rem;
		--btn-fs: 1.75rem
	}

	.lang {
		--lang-img-size: 2.5rem
	}

	.control__arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		margin: 0
	}

	.control__arrow_prev {
		right: calc(100% + 1.875rem)
	}

	.control__arrow_next {
		left: calc(100% + 1.875rem)
	}

	.servers-desktop {
		top: 8.75rem;
		left: 4rem;
		gap: 1.25rem;
		grid-template-columns: repeat(auto-fit, minmax(18rem, 20rem))
	}

	.gw-burger {
		display: none
	}

	.menu {
		display: flex;
		align-self: stretch
	}

	.menu__content {
		display: flex;
		width: 100%
	}

	.menu__list {
		display: flex;
		width: 100%
	}

	.menu__list {
		list-style-type: none;
		margin: 0;
		justify-content: flex-start;
		align-items: stretch;
		opacity: 1;
		visibility: visible;
		padding: 0;
		box-sizing: border-box;
		grid-gap: 1.25rem;
		gap: 1rem
	}

	.menu__el {
		display: flex;
		position: relative;
		z-index: 0
	}

	.menu__item {
		padding: 1.25rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		text-align: center;
		color: #ffe9d3;
		color: rgba(var(--color-0), 1);
		cursor: pointer;
		font-style: normal;
		font-size: 1rem;
		font-weight: 400;
		white-space: nowrap;
		position: relative;
		z-index: 0;
		box-sizing: border-box;
		transition: all .3s;
		font-family: var(--font-4);
		text-shadow: 0 1px .125rem #000
	}

	.menu__el:hover [data-menu-open-sub-list] {
		color: #ffba70;
		color: rgba(var(--color-accent), 1)
	}

	.menu__item:hover {
		color: #ffba70;
		color: rgba(var(--color-accent), 1)
	}

	.menu__item_open:hover {
		color: #ffba70;
		color: rgba(var(--color-accent), 1)
	}

	.menu__item:after {
		display: block;
		content: "";
		background-color: #ffba70;
		background-color: rgba(var(--color-accent), 1);
		width: 100%;
		height: .625rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		z-index: -1;
		filter: blur(.875rem);
		opacity: 0;
		transition: all .3s
	}

	.menu__el:hover [data-menu-open-sub-list]:after {
		opacity: 1
	}

	.menu__item:hover:after {
		opacity: 1
	}

	.menu__item_open:hover:after {
		opacity: 1
	}

	.menu__dot {
		background-color: transparent;
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
		width: .375rem;
		height: .375rem;
		display: block;
		flex-shrink: 0;
		border: .125rem solid rgba(255, 233, 211, .5);
		border: .125rem solid rgba(var(--color-0), .5);
		transform: rotate(45deg);
		align-self: center
	}

	.menu__el_continer {
		display: none
	}

	.menu__sub-list {
		position: absolute;
		left: 0;
		top: 100%;
		list-style: none;
		margin: 0;
		z-index: 100;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
		display: block !important;
		min-width: 14rem;
		transform: translateY(.5rem);
		padding: .75rem 0;
		background: linear-gradient(180deg, rgba(13, 5, 2, .96) 0%, rgba(13, 5, 2, .92) 100%);
		-webkit-backdrop-filter: blur(.5625rem);
		backdrop-filter: blur(.5625rem);
		border: 1px solid rgba(255, 186, 112, .15);
		border-radius: .5rem;
		box-shadow: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3)
	}

	[data-menu-open-sub-list] .menu__item-arrow {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .5rem;
		margin-bottom: .1875rem;
		vertical-align: middle;
		border-left: .3125rem solid transparent;
		border-right: .3125rem solid transparent;
		border-top: .375rem solid currentColor;
		color: #878076;
		opacity: .8;
		transition: transform .25s ease, opacity .25s ease;
		transform: rotate(0deg)
	}

	.menu__el:hover [data-menu-open-sub-list] .menu__item-arrow {
		opacity: 1;
		transform: rotate(180deg)
	}

	[data-menu-open-sub-list]:hover .menu__item-arrow {
		opacity: 1;
		transform: rotate(180deg)
	}

	a[data-menu-open-sub-list].menu__item_open .menu__item-arrow {
		transform: rotate(180deg)
	}

	.menu__sub-list:hover {
		opacity: 1;
		visibility: visible;
		transform: translateY(0)
	}

	.menu__el:hover>.menu__sub-list {
		opacity: 1;
		visibility: visible;
		transform: translateY(0)
	}

	[data-menu-open-sub-list]:hover~.menu__sub-list {
		opacity: 1;
		visibility: visible;
		transform: translateY(0)
	}

	.menu__sub-item {
		padding: 0;
		display: block;
		position: relative;
		transition: all .3s
	}

	.menu__sub-link {
		padding: .625rem 1.25rem;
		display: flex;
		align-items: center;
		gap: .625rem;
		text-align: left;
		text-decoration: none;
		color: rgba(var(--color-0), .9);
		cursor: pointer;
		font-style: normal;
		font-size: .9375rem;
		font-weight: 400;
		white-space: nowrap;
		position: relative;
		box-sizing: border-box;
		transition: all .25s ease;
		font-family: var(--font-4)
	}

	.menu__sub-link .icon {
		width: 1rem;
		height: 1rem;
		display: inline-flex;
		opacity: .8;
		transition: opacity .25s ease
	}

	.menu__sub-link:hover {
		color: rgba(var(--color-accent), 1);
		background: linear-gradient(90deg, rgba(255, 186, 112, .08) 0%, transparent 100%);
		padding-left: 1.5rem
	}

	.menu__sub-link_active {
		color: rgba(var(--color-accent), 1);
		background: linear-gradient(90deg, rgba(255, 186, 112, .08) 0%, transparent 100%);
		padding-left: 1.5rem
	}

	.menu__sub-link:hover .icon {
		opacity: 1
	}

	.menu__sub-link_active .icon {
		opacity: 1
	}

	:root {
		--navigation-height: 5.625rem;
		--navigation-height-scroll: 5.625rem
	}

	[data-container=navigation] {
		padding: 0;
		max-width: 100%
	}

	.navigation__box_side_left {
		margin-right: 3.75rem;
		padding-left: 3.75rem
	}

	.navigation__box_side_right {
		margin-left: 2.5rem;
		margin-right: 0;
		padding-right: 3.75rem;
		display: flex
	}

	.navigation__auth {
		margin-left: 2.5rem;
		padding-left: 2.5rem
	}
}

@media (min-width:2060px) {
	html {
		font-size: calc(max(.4vw, .25rem) + max(.6vh, .25rem))
	}
}

@media (min-width:2600px) AND (min-height:1000px) {
	html {
		font-size: calc(max(.2vw, .25rem) + max(1.1vh, .3125rem))
	}
}

@media (max-width:1199px) {
	.servers-desktop {
		position: absolute;
		top: calc(var(--navigation-height, 4.375rem) + 1rem);
		left: 50%;
		transform: translateX(-50%);
		width: min(90%, 38rem);
		margin: 0 auto;
		grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
		justify-items: center;
		gap: 1rem;
		z-index: 6
	}

	.servers-desktop .server-card {
		width: 100%;
		max-width: 22rem
	}

	.gw-burger {
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10;
		cursor: pointer;
		pointer-events: all
	}

	.gw-burger {
		background-color: transparent;
		position: relative
	}

	.gw-burger__box {
		background-color: transparent;
		position: relative
	}

	.gw-burger__box {
		z-index: 5;
		width: 1.5rem;
		height: 1.1875rem;
		border-radius: 0;
		box-sizing: border-box;
		flex-shrink: 0
	}

	.gw-burger__line {
		height: .125rem;
		position: absolute;
		left: 0;
		right: 0;
		background-color: #ffe9d3;
		background-color: rgba(var(--color-0), 1);
		border-radius: 0;
		transition: top .3s .3s, right .3s .3s, left .3s .2s, bottom .3s .3s, opacity .3s .4s, transform .3s 0s
	}

	.gw-burger__line_pos_top {
		top: 0
	}

	.gw-burger__line_pos_middle {
		top: 50%;
		left: 25%;
		transform: translateY(-50%);
		transition: all 0s .4s
	}

	.gw-burger__line_pos_bottom {
		bottom: 0;
		left: 50%
	}

	.mob-menu-active .gw-burger__line {
		background-color: #ffe9d3;
		background-color: rgba(var(--color-0), 1)
	}

	.mob-menu-active .gw-burger__line_pos_top {
		transform: rotate(45deg) translateY(-50%);
		transform-origin: center top;
		top: 50%;
		right: 0;
		transition: top .3s .1s, right .3s .1s, left .3s 0s, bottom .3s .1s, opacity 0s .1s, transform .3s .4s
	}

	.mob-menu-active .gw-burger__line_pos_middle {
		opacity: 0;
		transition: opacity .3s .3s, transform .3s .1s, left .3s .3s;
		left: 100%
	}

	.mob-menu-active .gw-burger__line_pos_bottom {
		transform: rotate(-45deg) translateY(50%);
		transform-origin: center bottom;
		bottom: 50%;
		right: 0;
		left: 0;
		transition: top .3s .1s, right .3s .1s, left .1s .3s, bottom .3s .1s, opacity 0s .1s, transform .3s .4s
	}

	.menu {
		position: absolute;
		top: 4.375rem;
		top: var(--navigation-height);
		right: 0;
		left: 0;
		z-index: 2;
		box-sizing: border-box;
		padding-top: 0;
		padding-bottom: 4.375rem;
		padding-bottom: var(--navigation-height);
		height: 100vh;
		overflow-x: hidden;
		overflow-y: hidden;
		display: flex;
		justify-content: flex-start;
		background-color: #0d0502;
		background-color: rgba(var(--body-background-color));
		opacity: 0;
		transition: all .5s .3s;
		visibility: hidden;
		box-shadow: 0 0 0 100vh #0d0502;
		box-shadow: 0 0 0 100vh rgba(var(--body-background-color), 1)
	}

	@supports (height:100dvh) {
		.menu {
			height: 100dvh
		}
	}

	.mob-menu-active .menu {
		visibility: visible;
		opacity: 1;
		transition: all .5s
	}

	.menu__content {
		transition: all .3s;
		opacity: 0;
		width: 100%;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: auto;
		display: flex
	}

	.mob-menu-active .menu__content {
		opacity: 1;
		transition: all .5s .3s
	}

	.menu__list {
		width: 100%;
		list-style-type: none;
		padding: 1.25rem 0;
		margin: auto;
		display: flex;
		justify-content: space-around;
		flex-direction: column;
		box-sizing: border-box
	}

	.menu__dot {
		display: none
	}

	.menu__el {
		width: 100%;
		position: relative;
		z-index: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column
	}

	.menu__el_continer {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 1.25rem
	}

	.menu__el_continer_divider {
		padding-top: 1.25rem;
		border-top: 1px solid hsla(0, 0%, 100%, .2);
		border-top: 1px solid rgba(var(--color-1), .2)
	}

	.menu__el_continer:hover {
		z-index: 10
	}

	.menu__item {
		padding: max(.625rem, .625rem) max(.9375rem, .9375rem);
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		text-align: center;
		color: #ffe9d3;
		color: rgba(var(--color-0), 1);
		cursor: pointer;
		font-style: normal;
		font-size: 1rem;
		font-weight: 400;
		white-space: nowrap;
		text-transform: uppercase;
		width: 100%;
		min-height: 3.125rem;
		transition: all .2s;
		font-family: Spectral, Times New Roman, Times, serif;
		font-family: var(--font-0)
	}

	.mob-menu-active {
		overflow: hidden
	}

	[data-menu-open-sub-list]:after {
		display: none !important
	}

	[data-menu-open-sub-list] .menu__item-arrow {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .5rem;
		margin-bottom: .1875rem;
		vertical-align: middle;
		border-left: .3125rem solid transparent;
		border-right: .3125rem solid transparent;
		border-top: .375rem solid currentColor;
		opacity: .8;
		transition: transform .25s ease, opacity .25s ease;
		transform: rotate(0deg)
	}

	.menu__item_open:after {
		display: none !important
	}

	.menu__item_open {
		background: rgba(255, 233, 211, .05);
		background: rgba(var(--color-0), .05)
	}

	.menu__sub-list {
		position: static;
		list-style-type: none;
		padding: .5rem 0;
		margin: .5rem 0 0;
		display: none;
		width: 100%;
		max-width: 100%;
		background: rgba(13, 5, 2, .6);
		border-radius: .375rem;
		opacity: 1;
		visibility: visible;
		transform: none;
		align-self: stretch
	}

	.menu__item_open~.menu__sub-list {
		display: block
	}

	.menu__sub-item {
		display: block
	}

	.menu__sub-link {
		padding: .625rem 1.5rem;
		font-size: 1.0625rem;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .625rem;
		text-decoration: none;
		color: rgba(var(--color-0), .9);
		transition: all .25s ease;
		font-family: var(--font-4)
	}

	.menu__sub-link:hover {
		color: rgba(var(--color-accent), 1);
		background: rgba(255, 186, 112, .08)
	}
}

.pr {
	padding-right: .625rem;
	padding-right: var(--margin)
}

.pl {
	padding-left: .625rem;
	padding-left: var(--margin)
}

.pt {
	padding-top: .625rem;
	padding-top: var(--margin)
}

.pb {
	padding-bottom: .625rem;
	padding-bottom: var(--margin)
}

.mr {
	margin-right: .625rem;
	margin-right: var(--margin)
}

.ml {
	margin-left: .625rem;
	margin-left: var(--margin)
}

.mt {
	margin-top: .625rem;
	margin-top: var(--margin)
}

.mb {
	margin-bottom: .625rem;
	margin-bottom: var(--margin)
}

.m {
	margin: .625rem;
	margin: var(--margin)
}

.mla {
	margin-left: auto
}

.ma {
	margin: auto
}

.mba {
	margin-bottom: auto
}

.m0 {
	margin: 0
}

.clear {
	clear: both
}

.hidden {
	display: none
}

.text-center {
	text-align: center
}

.flex {
	display: flex
}

.w-100 {
	width: 100%
}

/* ==========================================
   Notification Bell Component
   ========================================== */
.cp-notification-bell {
	position: relative !important;
	display: inline-block !important;
	z-index: 9999 !important;
}

.cp-notification-bell__button {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	min-width: 2.5rem !important;
	max-width: 2.5rem !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.5rem !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
	line-height: 1 !important;
	text-shadow: none !important;
	filter: none !important;
	clip-path: none !important;
	-webkit-clip-path: none !important;
}

.cp-notification-bell__button::before,
.cp-notification-bell__button::after {
	display: none !important;
	content: none !important;
	background: none !important;
	background-image: none !important;
}

.cp-notification-bell__button:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	border-color: rgba(250, 204, 21, 0.5) !important;
	transform: scale(1.05) !important;
	filter: none !important;
}

.cp-notification-bell__button:hover::before,
.cp-notification-bell__button:hover::after {
	display: none !important;
	content: none !important;
	background: none !important;
	background-image: none !important;
	filter: none !important;
}

.cp-notification-bell__icon {
	width: 1.25rem !important;
	height: 1.25rem !important;
	color: rgba(255, 255, 255, 0.8) !important;
	min-width: 1.25rem !important;
	max-width: 1.25rem !important;
	flex-shrink: 0 !important;
}

.cp-notification-bell__badge {
	position: absolute !important;
	top: -0.25rem !important;
	right: -0.25rem !important;
	min-width: 1rem !important;
	max-width: 1rem !important;
	width: 1rem !important;
	height: 1rem !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ef4444 !important;
	color: white !important;
	border-radius: 0.5rem !important;
	font-size: 0.625rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;
	text-shadow: none !important;
	filter: none !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
	box-sizing: border-box !important;
}

/* ==========================================
   Notification Panel (Dropdown)
   ========================================== */
.cp-notification-panel {
	position: absolute !important;
	top: calc(100% + 0.5rem) !important;
	right: 0 !important;
	width: 24rem !important;
	max-width: calc(100vw - 2rem) !important;
	background: rgba(22, 19, 16, 0.98) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.75rem !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
	z-index: 9999 !important;
	backdrop-filter: blur(12px) !important;
}

.cp-notification-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cp-notification-panel__title {
	font-size: 1rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.cp-notification-panel__mark-all {
	font-size: 0.75rem;
	color: rgba(250, 204, 21, 0.8);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	transition: all 0.2s ease;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.cp-notification-panel__mark-all:hover {
	color: rgba(250, 204, 21, 1);
	background: rgba(250, 204, 21, 0.1);
}

.cp-notification-panel__body {
	max-height: 24rem;
	overflow-y: auto;
}

.cp-notification-panel__empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 3rem 1rem;
	color: rgba(255, 255, 255, 0.4);
	text-align: center;
}

.cp-notification-panel__empty-icon {
	width: 3rem;
	height: 3rem;
	margin-bottom: 1rem;
	opacity: 0.3;
}

.cp-notification-panel__footer {
	padding: 0.75rem 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
}

.cp-notification-panel__view-all {
	font-size: 0.875rem;
	color: rgba(250, 204, 21, 0.8);
	text-decoration: none;
	transition: color 0.2s ease;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.cp-notification-panel__view-all:hover {
	color: rgba(250, 204, 21, 1);
}

/* ==========================================
   Notification Item
   ========================================== */
.cp-notification-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 1rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	transition: background 0.2s ease;
}

.cp-notification-item:last-child {
	border-bottom: none;
}

.cp-notification-item:hover {
	background: rgba(255, 255, 255, 0.02);
}

.cp-notification-item--unread {
	background: rgba(250, 204, 21, 0.03);
}

.cp-notification-item--unread:hover {
	background: rgba(250, 204, 21, 0.06);
}

.cp-notification-item__icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
}

.cp-notification-item__icon--info {
	background: rgba(59, 130, 246, 0.15);
	color: rgb(59, 130, 246);
}

.cp-notification-item__icon--success {
	background: rgba(34, 197, 94, 0.15);
	color: rgb(34, 197, 94);
}

.cp-notification-item__icon--warning {
	background: rgba(234, 179, 8, 0.15);
	color: rgb(234, 179, 8);
}

.cp-notification-item__icon--danger {
	background: rgba(239, 68, 68, 0.15);
	color: rgb(239, 68, 68);
}

.cp-notification-item__content {
	flex: 1;
	min-width: 0;
}

.cp-notification-item__title {
	font-size: 0.875rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 0.25rem;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.cp-notification-item__message {
	font-size: 0.8125rem;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.4;
	margin-bottom: 0.25rem;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.cp-notification-item__time {
	font-size: 0.75rem;
	color: rgba(255, 255, 255, 0.4);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.cp-notification-item__actions {
	flex-shrink: 0;
}

.cp-notification-item__read-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0.375rem;
	color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.2s ease;
}

.cp-notification-item__read-btn:hover {
	background: rgba(34, 197, 94, 0.1);
	border-color: rgba(34, 197, 94, 0.3);
	color: rgb(34, 197, 94);
}

.cp-notification-item__read-btn svg {
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
}

.cp-notification-item__read-btn:active svg,
.cp-notification-item__read-btn:focus svg {
	width: 1rem !important;
	height: 1rem !important;
}

/* Sobrescrever estilos de site.css para botões de notificação */
.cp-notification-item__read-btn[type=button]:focus,
.cp-notification-item__read-btn[type=button]:active {
	width: 1.75rem !important;
	height: 1.75rem !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.375rem !important;
	background: rgba(34, 197, 94, 0.1) !important;
	transition: all 0.2s ease !important;
}

.cp-notification-item__read-btn[type=button]:focus svg,
.cp-notification-item__read-btn[type=button]:active svg {
	width: 1rem !important;
	height: 1rem !important;
}