/* research 2026 modal */

#research-ad-lead-modal {
    overflow: hidden;

}

.research-ad-lead-modal .modal-dialog {
    max-width: 980px;
}

.research-ad-lead-modal .modal-content {
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(132, 69, 255, 0.3);
    border-radius: 10px;
    overflow: hidden;

    background:
        radial-gradient(circle at 82% 18%,
            rgba(111, 45, 214, 0.32) 0%,
            rgba(111, 45, 214, 0.08) 28%,
            transparent 52%),
        radial-gradient(circle at 20% 92%,
            rgba(74, 25, 151, 0.3) 0%,
            transparent 45%),
        linear-gradient(135deg,
            #020319 0%,
            #08051f 45%,
            #13072c 100%);

    color: #ffffff;
    margin-left: 1rem;
    margin-right: 1rem;

    /* box-shadow:
		0 30px 100px rgba(0, 0, 18, 0.8),
		0 0 60px rgba(87, 34, 190, 0.2); */
}

.research-ad-lead-modal .modal-content::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -140px;
    z-index: -1;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    pointer-events: none;

    background: radial-gradient(circle,
            rgba(137, 61, 255, 0.26) 0%,
            rgba(91, 35, 190, 0.1) 38%,
            transparent 70%);

    filter: blur(8px);
}

.research-ad-lead-modal .modal-content::after {
    content: "";
    position: absolute;
    left: -180px;
    bottom: -260px;
    z-index: -1;
    width: 620px;
    height: 420px;
    border-radius: 50%;
    pointer-events: none;

    background: radial-gradient(ellipse,
            rgba(99, 36, 204, 0.24) 0%,
            transparent 68%);

    filter: blur(16px);
}

.research-ad-lead-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 5;
    filter: invert(1);
    opacity: 0.85;
}

.research-ad-lead-modal__body {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 34px;
    align-items: center;
    padding: 56px;
}

.research-ad-lead-modal__badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 14px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 18px;
}

.research-ad-lead-modal__title {
    font-size: 42px;
    line-height: 1.08;
    font-weight: 800;
    margin: 0 0 18px;
}

.research-ad-lead-modal__text {
    font-size: 17px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
    margin: 0 0 26px;
}

.research-ad-lead-modal__form {}

.research-ad-lead-modal__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.research-ad-lead-modal__input {
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    padding: 0 16px;
    outline: none;
    width: 200px;
    max-width: 200px;
}

.research-ad-lead-modal__input::placeholder {
    color: rgba(255, 255, 255, 0.62);
}

.research-ad-lead-modal__input:focus {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.18);
}

.research-ad-lead-modal__button {
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 4px;
    /* background: #ffffff; */
    color: #35106e;
    font-size: 16px;
    font-weight: 800;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    margin-top: 16px;
}

.research-ad-lead-modal__button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
}

.research-ad-lead-modal__note {
    grid-column: 1 / -1;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.68);
    margin: 2px 0 0;
}

.research-ad-lead-modal__visual {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 420px;
}

.research-ad-lead-modal__pages {
    position: relative;
    width: 390px;
    height: 430px;
    margin-right: -35px;

    perspective: 600px;
    transform-style: preserve-3d;
}

.research-ad-lead-modal__page {
    position: absolute;
    display: block;
    width: 52%;
    height: auto;
    border-radius: 4px;

    box-shadow:
        0 20px 45px rgba(0, 0, 20, 0.55),
        0 0 0 1px rgba(190, 145, 255, 0.3),
        0 0 18px rgba(132, 69, 255, 0.42),
        0 0 42px rgba(91, 35, 190, 0.3);

    user-select: none;
    pointer-events: none;
    backface-visibility: hidden;
    transform-origin: center center;

    transform:
        rotateX(0deg) rotateY(-40deg) rotateZ(0deg);
}

/* Верхняя левая */
.research-ad-lead-modal__page--first {
    top: 45px;
    left: 0;
    z-index: 1;
    filter: brightness(0.76);
}

/* Верхняя правая */
.research-ad-lead-modal__page--second {
    top: 2px;
    left: 40%;
    z-index: 2;
    filter: brightness(0.84);
}

/* Нижняя левая */
.research-ad-lead-modal__page--third {
    top: 160px;
    left: 0;
    z-index: 3;
    filter: brightness(0.92);
    height: 232px;
}

/* Нижняя правая */
.research-ad-lead-modal__page--fourth {
    top: 150px;
    left: 40%;
    z-index: 4;
}

.research-ad-lead-modal__image {
    display: block;
    width: 100%;
    max-width: 470px;
    height: auto;
    user-select: none;
    pointer-events: none;
}


.research-ad-lead-modal__captcha {
    margin-top: 16px;
}


.research-ad-lead-modal__consent {
    display: flex;
    align-items: start;
    margin-top: 16px;
    padding-left: 0;
}

#research-ad-lead-modal .research-ad-lead-personal-data-label {
	font-size: 13px;
	text-align: start;
    margin-left: 0.5rem;
}
#research-ad-lead-modal .form-check-input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin: 2px 0 0;

	position: relative;
	cursor: pointer;

	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 4px;

	background-color: rgba(255, 255, 255, 0.08);

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

/* Галочка */
#research-ad-lead-modal .form-check-input[type="checkbox"]::after {
	content: "";

	position: absolute;
	top: 2px;
	left: 7px;

	width: 6px;
	height: 11px;

	border: solid #ffffff;
	border-width: 0 2px 2px 0;

	transform: rotate(45deg) scale(0);
	transform-origin: center;

	transition: transform 0.15s ease;
}

/* Активный checkbox */
#research-ad-lead-modal .form-check-input[type="checkbox"]:checked {
	border-color: #8e5cff;
	background-color: #7137dc;
}

#research-ad-lead-modal .form-check-input[type="checkbox"]:checked::after {
	transform: rotate(45deg) scale(1);
}

/* Hover */
#research-ad-lead-modal .form-check-input[type="checkbox"]:hover {
	border-color: #a77cff;
	background-color: rgba(142, 92, 255, 0.18);
}

/* Hover выбранного */
#research-ad-lead-modal .form-check-input[type="checkbox"]:checked:hover {
	border-color: #a77cff;
	background-color: #8050df;
}

/* Focus */
#research-ad-lead-modal .form-check-input[type="checkbox"]:focus {
	outline: none;
	border-color: #a77cff;
	box-shadow: 0 0 0 3px rgba(142, 92, 255, 0.25);
}

/* Ошибка валидации */
#research-ad-lead-modal .form-check-input[type="checkbox"].is-invalid {
	border-color: #ff6b6b;
	box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.18);
}

/* Убираем стандартную bootstrap-иконку */
#research-ad-lead-modal .form-check-input[type="checkbox"]:checked {
	background-image: none;
}

@keyframes blink-red {
    0% {
        box-shadow: 0 0 0px 0px rgba(255, 0, 0, 0);
    }

    50% {
        box-shadow: 0 0 20px 6px rgba(255, 0, 0, 0.26);
    }

    100% {
        box-shadow: 0 0 0px 0px rgba(255, 0, 0, 0);
    }
}

#research-ad-lead-modal .capcha-is-invalid {
    animation: blink-red 0.5s ease;
    border-radius: 5px;
}


.iti__country-name{
    color:black;
}




@media (max-width: 935px) {
    


    .research-ad-lead-modal .modal-dialog {
        width: calc(100% - 28px);
        /* max-width: 560px; */
        max-height: calc(100vh - 28px);
        max-height: calc(100dvh - 28px);
        margin: 14px auto;
    }

    .research-ad-lead-modal .modal-content {
        width: 100%;
        max-height: calc(100vh - 28px);
        max-height: calc(100dvh - 28px);
        border-radius: 10px;
            margin-left: 1rem;
    margin-right: 1rem;

    }

    .research-ad-lead-modal__body {
        display: flex;
        flex-direction: column;
        gap: clamp(10px, 2vh, 18px);
        padding:
            clamp(20px, 3vh, 30px) clamp(18px, 5vw, 30px);
    }

    .research-ad-lead-modal__visual {
        order: -1;
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 0;
    }

    .research-ad-lead-modal__pages {
        position: relative;

        /* Ограничение и по ширине, и по высоте экрана */
        width: min(72vw, 280px);
        width: min(72vw, 27dvh, 280px);
        aspect-ratio: 390 / 430;
        height: auto;

        margin: 0 auto;

        perspective: 600px;
        transform-style: preserve-3d;
    }

    .research-ad-lead-modal__page {
        position: absolute;
        display: block;
        width: 52%;
        height: auto;
        max-width: none;
        max-height: none;

        transform:
            rotateX(0deg) rotateY(-40deg) rotateZ(0deg);
    }

    /* Верхняя левая */
    .research-ad-lead-modal__page--first {
        top: 10.5%;
        left: 0;
        z-index: 1;
        filter: brightness(0.76);
    }

    /* Верхняя правая */
    .research-ad-lead-modal__page--second {
        top: 4.5%;
        left: 41%;
        z-index: 2;
        filter: brightness(0.84);
    }

    /* Нижняя левая */
    .research-ad-lead-modal__page--third {
        top: 37.2%;
        left: 0;
        z-index: 3;
        height: 58.1%;
        filter: brightness(0.92);
    }

    /* Нижняя правая */
    .research-ad-lead-modal__page--fourth {
        top: 36%;
        left: 41%;
        z-index: 4;
    }

    /* Текст и форма располагаются снизу */
    .research-ad-lead-modal__content {
        width: 100%;
    }

    .research-ad-lead-modal__badge {
        padding: 6px 10px;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .research-ad-lead-modal__title {
        margin-bottom: 10px;
        font-size: clamp(24px, 7vw, 30px);
        line-height: 1.08;
    }

    .research-ad-lead-modal__text {
        margin-bottom: 14px;
        font-size: clamp(13px, 3.8vw, 15px);
        line-height: 1.4;
    }

    .research-ad-lead-modal__form {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .research-ad-lead-modal__input {
        width: 100%;
        height: 44px;
        max-width: none;
    }

    .research-ad-lead-modal__button {
        height: 48px;
    }

    .research-ad-lead-modal__close {
        top: 12px;
        right: 12px;
    }
}

/* research 2026 modal */