body.modal-open {
	overflow: hidden; /* Запрещаем прокрутку страницы */
}

.disclaimer-modal {
	display: none;  /* заменить на none */
	position: fixed;
	flex-direction: column;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* Полупрозрачный фон */
	justify-content: center;
	align-items: center;
	z-index: 9999; /* Убедитесь, что окно находится поверх других элементов */
	transition: opacity 0.3s ease-in-out;
	backdrop-filter: blur(10px);
    }

.disclaimer-modal-container {
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #01AE4C #2a2a2a8a;
	width: 98%;
	height: 90vh;
}

.disclaimer-modal-container::-webkit-scrollbar {
	width: 2px;
	border-radius: 3px;
}

.disclaimer-modal-container::-webkit-scrollbar-thumb {
	background: #2a2a2a8a;
	border-radius: 3px;
  }
  
  .disclaimer-modal-container::-webkit-scrollbar-track {
	background: #01AE4C;
  }
    
.disclaimer-modal-content {
	background: transparent;
	max-width: 90%;
	width: fit-content;
	padding: 50px;
	margin: 0 200px;
	/* width: 90%;
	height: 90%;
	text-align: center; */
	height: 100%; /* Ограничиваем максимальную высоту */
	/* border: 1px solid white; */

	
}

.disclaimer-modal-form {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.disclaimer-modal-title {
	text-align: center;
	font-size: clamp(3rem, 3vw, 7rem);
	text-wrap: nowrap;
}

.disclaimer-modal-text {
	font-size: clamp(1.2rem, 1vw, 1.6rem);
	text-align: center;
}
.disclaimer-modal-text_title{
	font-size: clamp(1.4rem, 1.2vw, 1.8rem);
	text-transform: uppercase;
	margin-bottom: .7rem;
}

.disclaimer-logo__wrap {
	position: relative;
	bottom: 0;
	left: 0;
	width: clamp(240px, 10vw, 480px);
	height: clamp(135px, 7vw, 270px);
	margin: 2rem auto 1rem;
}

.disclaimer-logo__wrap::before {
	content: '';
	position: absolute;
	width: 150%;
	height: 15%;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	filter: blur(15rem);
	border-radius: 100%;
	background-color: rgba(255, 255, 255, .7);
}

.disclaimer-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: clamp(240px, 10vw, 480px);
	height: clamp(240px, 10vw, 480px);
	filter: brightness(2);
}

.disclaimer-btn {
	display: block;
	margin: 0 auto;
	width: fit-content;
	padding: 10px 25px;
	border: 1px solid var(--text-color-emphasis);
	background-color: var(--text-color-emphasis);
	font-size: clamp(1rem, 1vw, 1.8rem);
	cursor: pointer;
	z-index: 999999;
	transition: all .2s;
}

.disclaimer-btn:hover {
	/* filter: drop-shadow(0 0 15px rgba(0, 255, 8, 0.624)); */
	background-color: transparent;
	border: 1px solid var(--text-color-emphasis);
	/* font-size: 1.9rem; */
}

/* GLUTCH FOR TEXT */
.glitch-effect_txt {
    animation: glitch 1s linear infinite;
    position: relative;
    color: white;
    text-shadow: 0 0 5px rgb(246, 255, 0), 0 0 10px rgba(0, 255, 0, 0.642), 0 0 15px rgba(0, 0, 255, 0.734);
}

@keyframes glitch {
    2%, 64% {
        transform: translate(2px, 0) skew(0deg);
    }
    4%, 60% {
        transform: translate(-2px, 0) skew(0deg);
    }
    62% {
        transform: translate(0, 0) skew(5deg);
    }
}

.glitch-effect_txt::before,
.glitch-effect_txt::after {
    content: attr(title);
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0.75;
}

.glitch-effect_txt::before {
    animation: glitchTop 1s linear infinite;
    clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
    left: -2px;
    text-shadow: -2px -2px rgba(38, 255, 0, 0.398);
}

@keyframes glitchTop {
    2%, 64% {
        transform: translate(2px, 2px);
    }
    4%, 60% {
        transform: translate(-2px, 2px);
    }
    62% {
        transform: translate(13px, -1px) skew(-13deg);
    }
}

.glitch-effect_txt::after {
    animation: glitchBottom 1.5s linear infinite;
    clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
    left: 2px;
    text-shadow: 2px 2px rgba(7, 80, 0, 0.8);
}

@keyframes glitchBottom {
    2%, 64% {
        transform: translate(-2px, 0px);
    }
    4%, 60% {
        transform: translate(-2px, 0px);
    }
    62% {
        transform: translate(-22px, 5px) skew(21deg);
    }
}

.glitch-effect_txt::after {
    animation: glitchFlicker 0.2s linear infinite alternate;
}

@keyframes glitchFlicker {
    0% { opacity: 1; }
    100% { opacity: 0.6; }
}