@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap');@import "/wp-content/themes/AtomicQuiz/assets/css/common/variables.css";@import "/wp-content/themes/AtomicQuiz/assets/css/common/reset.css";@import "/wp-content/themes/AtomicQuiz/assets/css/common/fonts.css";@import "/wp-content/themes/AtomicQuiz/assets/css/common/buttons.css";@import url("/wp-content/themes/AtomicQuiz/assets/css/quiz/quiz-header.css");/* Шрифты IBM Plex Sans */
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf') format('truetype');
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf') format('truetype');
	font-display: swap;
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf') format('truetype');
	font-display: swap;
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf') format('truetype');
	font-display: swap;
	font-weight: 700;
	font-style: normal;
}

/* Совместимость со старым именем */
@font-face {
	font-family: 'IBMPlexSans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf') format('truetype');
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'IBMPlexSans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf') format('truetype');
	font-display: swap;
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'IBMPlexSans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf') format('truetype');
	font-display: swap;
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'IBMPlexSans';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf') format('truetype');
	font-display: swap;
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'TT Commons Pro VF Trial';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBold.woff2') format('woff2'),
		url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBold.woff') format('woff'),
		url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBold.ttf') format('truetype'),
		url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBold.eot') format('embedded-opentype');
	font-display: swap;
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'TT Commons Pro VF Trial';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBoldItalic.woff2') format('woff2'),
		url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBoldItalic.woff') format('woff'),
		url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBoldItalic.ttf') format('truetype'),
		url('/wp-content/themes/AtomicQuiz/assets/fonts/TTCommons-ExtraBoldItalic.eot') format('embedded-opentype');
	font-display: swap;
	font-weight: 800;
	font-style: italic;
}

/* Шрифт Orbitron */
@font-face {
	font-family: 'Orbitron';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/Orbitron-Regular.ttf') format('truetype');
	font-display: swap;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Orbitron';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/Orbitron-Medium.ttf') format('truetype');
	font-display: swap;
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Orbitron';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/Orbitron-SemiBold.ttf') format('truetype');
	font-display: swap;
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Orbitron';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/Orbitron-Bold.ttf') format('truetype');
	font-display: swap;
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Orbitron';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/Orbitron-ExtraBold.ttf') format('truetype');
	font-display: swap;
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Orbitron';
	src: url('/wp-content/themes/AtomicQuiz/assets/fonts/Orbitron-Black.ttf') format('truetype');
	font-display: swap;
	font-weight: 900;
	font-style: normal;
}

/* Импорт шрифтов */
/*  */
/*  */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
@font-face {
    font-family: dashicons;
    src: url(/wp-includes/fonts/dashicons.woff),
    url(/wp-includes/fonts/dashicons.ttf) format("truetype"),
    url(/wp-includes/fonts/dashicons.svg#dashicons) format("svg"),
    url(/wp-includes/fonts/dashicons.eot);
    font-weight: normal;
    font-style: normal;
}

/*
*   Popup General Settings
*/

#trp_ald_modal_container{
    background-color: var(--trp-ald-popup-overlay, #00000080);
    position: fixed;
    inset: 0;
    z-index: 2000000000000;
    pointer-events: none;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    padding: 40px 24px 24px;
    overflow-y: auto;
}

#trp_ald_modal_popup{
    box-shadow: 0 0 10px #6c7781;
    position: relative;
}

#trp_ald_modal_popup{
    background-color: var(--trp-ald-popup-bg, #ffffff);
    color: var(--trp-ald-popup-text, #143852);
    width: min(500px, 100%);
    border: var(--trp-ald-popup-border-width, 1px) solid var(--trp-ald-popup-border, #1438521A);
    border-radius: var(--trp-ald-popup-radius, 3px);
    padding: 30px;
    margin: 0;
    pointer-events: auto;
    box-sizing: border-box;
}

.trp-ald-animate {
    --trp-ald-animation-distance: 72px;
    animation-duration: 0.28s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.trp-ald-animation-none {
    animation: none;
}

.trp-ald-animation-fade {
    animation-name: trp-ald-fade-in;
}

.trp-ald-animation-slide_top {
    animation-name: trp-ald-slide-from-top;
}

.trp-ald-animation-slide_right {
    animation-name: trp-ald-slide-from-right;
}

.trp-ald-animation-slide_bottom {
    animation-name: trp-ald-slide-from-bottom;
}

.trp-ald-animation-slide_left {
    animation-name: trp-ald-slide-from-left;
}

@keyframes trp-ald-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes trp-ald-slide-from-top {
    from {
        opacity: 0;
        transform: translateY(calc(-1 * var(--trp-ald-animation-distance)));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes trp-ald-slide-from-right {
    from {
        opacity: 0;
        transform: translateX(var(--trp-ald-animation-distance));
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes trp-ald-slide-from-bottom {
    from {
        opacity: 0;
        transform: translateY(var(--trp-ald-animation-distance));
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes trp-ald-slide-from-left {
    from {
        opacity: 0;
        transform: translateX(calc(-1 * var(--trp-ald-animation-distance)));
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/*
 *  Popup textarea
 */

#trp_ald_popup_text{
    color: var(--trp-ald-popup-text, #143852);
    text-align: left;
    font-size: 17px;
}

/*
 *  Popup Change Language Button and Select
 */

.trp_ald_select_and_button{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 14px;
    font-size: 17px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.trp_ald_button{
    flex: 0 1 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

#trp_ald_popup_change_language{
    text-transform: none;
    width: 100%;
    max-width: 100%;

    background: var(--trp-ald-popup-button-bg, #143852);
    border-color: var(--trp-ald-popup-button-border, #143852);
    color: var(--trp-ald-popup-button-text, #fff);
    text-decoration: none;
    text-shadow: none;
    justify-content: center;
    align-items: center;
    display: inline-grid;

    font-weight: bold;
    font-size: 16px;
    height: auto;
    min-height: 42px;
    margin: 0;
    padding: 8px 12px;
    line-height: 1.25;
    cursor: pointer;
    border-width: 0px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: var(--trp-ald-popup-button-radius, 3px);
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

#trp_ald_popup_change_language:hover {
    background: var(--trp-ald-popup-button-hover-bg, #0f2a3d);
    border-color: var(--trp-ald-popup-button-hover-bg, #0f2a3d);
    color: var(--trp-ald-popup-button-hover-text, #fff);
}

/*
 *  Popup Close Button and Textarea
 */

#trp_ald_x_button_and_textarea{
    text-decoration: none;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    gap: 4px;
    cursor: pointer !important;
    color: var(--trp-ald-popup-close, #143852) !important;
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    pointer-events: visibleFill;
    transition: opacity 0.2s ease;
	
}

#trp_ald_x_button_and_textarea:hover,
#trp_ald_x_button_and_textarea:focus-visible,
#trp_ald_no_text_popup_x_button_and_textarea:hover,
#trp_ald_no_text_popup_x_button_and_textarea:focus-visible{
    opacity: 0.7;
}

#trp_ald_x_button_and_textarea:focus-visible,
#trp_ald_no_text_popup_x_button_and_textarea:focus-visible{
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

#trp_ald_x_button_textarea{
    text-decoration: underline;
    height: auto;
    width:auto;
    line-height: 20px;
    color: var(--trp-ald-popup-close, #143852) !important;
    cursor: pointer !important;
 
    width: 100%;
    text-align: center;
}

#trp_ald_x_button_textarea:hover{
    background-color: transparent;
    pointer-events: auto;
    cursor: pointer !important;
    z-index: 20000000000000;
}

#trp_ald_modal_popup #trp_ald_x_button{
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    width: 16px;
    height: 20px;
    background: 0 0;
    padding: 0;
    border: none;
    text-decoration: none;
    color: transparent;
    -webkit-backface-visibility: hidden;
    outline:none;
    z-index: 1;
}

#trp_ald_modal_popup #trp_ald_x_button::before {
    content: "\f153";
    font: normal 16px/20px dashicons;
    display: block;
    text-align: center;

    color: var(--trp-ald-popup-close, #143852) !important;
    background: 0 0 !important;
    -webkit-font-smoothing: antialiased;
}

#trp_ald_modal_popup #trp_ald_x_button::before:hover{
    background: 0 0;
}

    /*
     *  Popup and Hello Bar Language Switcher Aspect
     */

.trp_ald_ls_container{
    flex: 0 1 auto;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    font-size: 14px;
}

.trp_ald_ls_container .trp-shortcode-switcher__wrapper {
    position: relative;
    width: max-content;
    max-width: 100%;
    border: none;
    --bg: var(--trp-ald-switcher-bg, #ffffff);
    --bg-hover: var(--trp-ald-switcher-bg-hover, #143852);
    --text: var(--trp-ald-switcher-text, #143852);
    --text-hover: var(--trp-ald-switcher-text-hover, #ffffff);
    --border-color: var(--trp-ald-switcher-border, #14385233);
    --border: var(--trp-ald-switcher-border-width, 1px) solid var(--trp-ald-switcher-border, #14385233);
    --border-radius: var(--trp-ald-switcher-radius, 5px);
    --font-size: 14px;
    --flag-size: 18px;
    --flag-radius: var(--trp-ald-switcher-flag-radius, 2px);
    --aspect-ratio: var(--trp-ald-switcher-flag-aspect-ratio, 4/3);
    --transition-duration: 0.2s;
}

.trp_ald_ls_container .trp-shortcode-switcher {
    position: static;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 0;
    background: var(--bg, #fff);
    color: var(--text, #143852);
    border: var(--border, none);
    border-radius: var(--border-radius, 5px);
    box-shadow: none;
    box-sizing: border-box;
    user-select: none;
}

.trp_ald_ls_container .trp-shortcode-anchor:not(.trp-opposite-button) {
    visibility: hidden;
}

.trp_ald_ls_container .trp-language-switcher.trp-shortcode-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000000000000000;
}

.trp_ald_ls_container .trp-language-switcher-inner {
    display: flex;
    flex-direction: column;
}

.trp_ald_ls_container .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
    display: flex;
    align-items: center;
 
    justify-content: space-between;
	border-radius: 20px;
}

.trp_ald_ls_container .trp-ls-shortcode-current-language {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    min-height: 40px;
    padding: 0 8px;
    color: inherit;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    box-sizing: border-box;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none;
}

.trp_ald_ls_container .trp-shortcode-overlay .trp-ls-shortcode-current-language {
    visibility: visible !important;
}

.trp_ald_ls_container .trp-ls-shortcode-current-language:hover{
    cursor: pointer;
}

.trp_ald_ls_container .trp-ls-shortcode-language {
    display: flex !important;
    flex-direction: column;
    max-height: 0;
    padding: 0;
    overflow-y: hidden;
    transition: max-height 0.2s ease-in-out;
    transition-duration: var(--transition-duration);
}

.trp_ald_ls_container .trp-ls-dropdown.is-open .trp-switcher-dropdown-list,
.trp_ald_ls_container .trp-ls-dropdown[aria-expanded="true"] .trp-switcher-dropdown-list,
.trp_ald_ls_container .trp-shortcode-switcher.trp-open-on-hover.is-open .trp-switcher-dropdown-list,
.trp_ald_ls_container .trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list {
    max-height: min(350px, 70vh);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--text) transparent;
}

.trp_ald_ls_container .trp-ls-dropdown.is-transitioning .trp-switcher-dropdown-list,
.trp_ald_ls_container .trp-shortcode-switcher.is-transitioning .trp-switcher-dropdown-list {
    overflow-y: hidden !important;
}

.trp_ald_ls_container .trp-shortcode-switcher.is-open .trp-shortcode-arrow {
    transform: rotate(180deg);
}

.trp_ald_ls_container .trp-shortcode-arrow {
    flex: 0 0 auto;
    pointer-events: none;
}

.trp_ald_ls_container .trp-ald-popup-select {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 0 8px;
    color: inherit;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
}

.trp_ald_ls_container .trp-ls-shortcode-current-language .trp-language-item-name {
    min-width: 0;
}

.trp_ald_ls_container .trp-ald-popup-select.is-current-language {
    display: none;
}

.trp_ald_ls_container .trp-ls-shortcode-language > div:hover,
.trp_ald_ls_container .trp-ls-shortcode-language > div:focus-visible {
    cursor: pointer;
    background: var(--trp-ald-switcher-bg-hover, #143852);
    color: var(--trp-ald-switcher-text-hover, #ffffff);
}

.trp_ald_ls_container .trp-ls-shortcode-language > div:focus-visible {
    outline: 2px solid var(--text);
    outline-offset: -2px;
}

.trp_ald_ls_container .trp-language-item:hover .trp-language-item-name,
.trp_ald_ls_container .trp-language-item:focus-visible .trp-language-item-name {
    color: var(--text-hover, #ffffff);
}

.trp_ald_ls_container img.trp-flag-image {
    display: inline-block;
    flex: 0 0 auto;
    margin: 0;
    pointer-events: none;
    width: var(--flag-size, 18px) !important;
    height: auto !important;
    border-radius: var(--flag-radius, 2px) !important;
    aspect-ratio: var(--aspect-ratio, 4/3) !important;
    object-fit: cover;
}

.trp_ald_ls_container .trp-language-item-name {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text, #000);
    font-size: var(--font-size, 14px);
    line-height: 1.2;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
}

.trp_ald_ls_container .trp-switcher-dropdown-list::-webkit-scrollbar {
    width: 6px;
}

.trp_ald_ls_container .trp-switcher-dropdown-list::-webkit-scrollbar-track {
    background: transparent;
}

.trp_ald_ls_container .trp-switcher-dropdown-list::-webkit-scrollbar-thumb {
    background-color: var(--text);
    border-radius: 4px;
}

.trp_ald_ls_container .trp-switcher-dropdown-list::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-hover);
}


/*
 *  Hello Bar General Settings
 */

#trp_no_text_popup_wrap{
    position: relative;
    width: 100%;
    background-color: var(--trp-ald-popup-bg, #ffffff);
    color: var(--trp-ald-popup-text, #143852);
    z-index: 2147483647;
    box-shadow: 0 0 10px #6c7781;
}

#trp_no_text_popup{
    align-items: center;
    padding: 25px 30px;
    background-color: var(--trp-ald-popup-bg, #ffffff);
    color: var(--trp-ald-popup-text, #143852);
    border: var(--trp-ald-popup-border-width, 1px) solid var(--trp-ald-popup-border, grey);
    border-radius: 0;
    justify-content: space-between;
    display: flex;
    vertical-align: middle;

}

#trp_ald_not_text_popup_ls_and_button{
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    flex-wrap: wrap;
    gap: 10px;
    vertical-align: middle;
    align-items: flex-start;
}

/*
 *  Hello Bar Textarea
 */
#trp_ald_no_text_popup_div {
    color: var(--trp-ald-popup-text, #143852);
    text-align: left;
    font-size: 17px;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
}



/*
 *  Hello Bar Change Language Button and Select
 */

#trp_ald_not_text_popup_buttons_wrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#trp_ald_not_text_popup_ls_and_button .trp_ald_ls_container{
    max-width: 100%;
    font-size: 14px;
    height: 42px;
}

#trp_ald_not_text_popup_ls_and_button .trp-shortcode-switcher__wrapper,
#trp_ald_not_text_popup_ls_and_button .trp-shortcode-anchor,
#trp_ald_not_text_popup_ls_and_button .trp-shortcode-overlay {
    min-height: 42px;
}

/*
 *  Hello Bar Change Language Button
 */
.trp_ald_change_language_div{
    flex: 0 1 auto;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    min-height: 42px;
    display: flex;
    align-items: flex-start;
}
#trp_ald_no_text_popup_change_language{
    text-transform: none;
    padding: 8px 10px;
    height: auto;

    text-align: center;
    background: var(--trp-ald-popup-button-bg, #143852);
    border-color: var(--trp-ald-popup-button-border, #143852);
    color: var(--trp-ald-popup-button-text, #fff);
    text-decoration: none;
    text-shadow: none;
    display: inline-grid;
    align-items: center;
    justify-content: center;

    font-weight: normal;
    font-size: 17px;
    line-height: 1.25;
    min-height: 42px;
    margin-left: 0;
    width: auto;
    max-width: 100%;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: var(--trp-ald-popup-button-radius, 3px);
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

#trp_ald_no_text_popup_change_language:hover {
    background: var(--trp-ald-popup-button-hover-bg, #0f2a3d);
    border-color: var(--trp-ald-popup-button-hover-bg, #0f2a3d);
    color: var(--trp-ald-popup-button-hover-text, #fff);
}

/*
 * Hello Bar Close Button
 */

#trp_ald_no_text_popup_x{
    flex: 0 0 auto;
    width: auto;
    padding-left: 5px;
}

#trp_no_text_popup #trp_close{
    width: 0;
    background: 0 0;
    padding: 0;
    border: none;
    text-decoration: none;
    color: transparent;
    -webkit-backface-visibility: hidden;
    outline:none;
}

#trp_no_text_popup #trp_close::before {
    content: "\f153";
    font: normal 35px/40px dashicons;
    text-align: center;
    cursor: pointer;

    color: var(--trp-ald-popup-close, #143852) !important;
    background: 0 0 !important;
    -webkit-font-smoothing: antialiased;
}

#trp_ald_no_text_popup_x_button_and_textarea{
    display:none;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--trp-ald-popup-close, #143852);
    text-align: left;
    cursor: pointer;
    vertical-align: middle;
    transition: opacity 0.2s ease;
}

#trp_ald_no_text_popup_x_button_textarea{
    text-decoration: underline;
    margin: 0;
    color: var(--trp-ald-popup-close, #143852);
    font-size: 15px;
    line-height: 20px;
}

#trp_ald_no_text_popup_x_button{
    display: inline-flex;
    flex: 0 0 16px;
    width: 16px;
    height: 20px;
    background: 0 0;
    padding: 0;
    border: none;
    text-decoration: none;
    color: transparent;
    -webkit-backface-visibility: hidden;
    outline:none;
}

#trp_ald_no_text_popup_x_button::before{
    content: "\f153";
    font: normal 16px/20px dashicons;
    text-align: center;

    color: var(--trp-ald-popup-close, #143852) !important;
    background: 0 0 !important;
    -webkit-font-smoothing: antialiased;
}


/*
 *  Responsive Popup and Hello Bar
 */
@media screen and (max-width: 780px) {
    #trp_ald_modal_popup {
        max-width: 100%;
    }

    #trp_ald_popup_text {
        font-size: 16px;
    }

    .trp_ald_select_and_button{
        flex-direction: column;
        gap: 8px;
        width: 100%;
        margin-top: 8px;
    }

    .trp_ald_ls_container [special-selector=trp_ald_popup_current_language]{
        overflow: hidden;
    }

    .trp_ald_select_and_button .trp_ald_ls_container,
    .trp_ald_select_and_button .trp-shortcode-switcher__wrapper,
    .trp_ald_select_and_button .trp_ald_button {
        width: 100%;
        max-width: 100%;
    }

    .trp_ald_select_and_button .trp_ald_button {
        margin-top: 0;
    }

    #trp_ald_popup_change_language{
        width: 100%;
        height: auto;
        min-height: 42px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 1.25;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
    }

    #trp_ald_x_button_and_textarea{
        width: 100%;
    }

    /*
     *  Hello Bar
     */

    #trp_no_text_popup{
        justify-content: center;
    }

    #trp_ald_not_text_popup_ls_and_button{
        flex-direction: column;
        max-width: 100%;
    }
    #trp_ald_no_text_popup_x{
        display:none;
    }
    #trp_ald_no_text_popup_x_button_and_textarea{
        display: flex;
    }
    #trp_ald_not_text_popup_ls_and_button .trp_ald_ls_container{
        max-width: 100%;
        margin-top: 32px;
    }

    #trp_ald_no_text_popup_select_container{
        display: none;
    }

    .trp_ald_change_language_div{
        width: fit-content;
        max-width: 100%;
        margin-top: 14px;
        height: auto;
        min-height: 42px;
    }

    #trp_ald_no_text_popup_change_language{
        margin-left: 0;
        height: auto;
        min-height: 42px;
        padding: 8px 10px;
        line-height: 1.25;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #trp_ald_no_text_popup_x_button_and_textarea{
        margin-top: 15px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .trp-ald-animate {
        animation: none;
    }
}

.trp-ald-custom-popup .trp_ald_ls_container .trp-shortcode-switcher__wrapper, .trp-ald-custom-popup .trp_ald_ls_container { width: 100%; }
.trp-ald-custom-popup .trp_ald_ls_container .trp-language-switcher.trp-shortcode-overlay { border-radius: 20px; }
.trp-ald-custom-popup .trp_ald_ls_container .trp-language-switcher.trp-shortcode-overlay { background: rgb(239, 239, 239); }
/*# sourceURL=trp-popup-style-inline-css */
.page-template, .error404 {
	.header {
		position: absolute;
		top: 16px;
		left: 50%;
		direction: ltr;

		z-index: var(--z-header);

		width: 100%;
		max-width: 1340px;
		height: 88px;
		padding: 24px 40px;

		background-color: transparent;
		backdrop-filter: blur(17px);
		box-shadow: 0 4px 30px 0 rgba(14, 49, 127, 0.15);
		border-radius: 10rem;

		transform: translateX(-50%);

		&.header-white {
			background-color: #0e317f;
		}
	}

	.loaded .header {
		transition: transform 1s var(--ease-out-expo);
		transform: translateX(-50%) translateY(0);
	}

	.header__inner {
		display: flex;
		align-items: center;
		padding: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		border: none;
	}

	.header__logos {
		display: flex;
		gap: 24px;
		padding-left: 0;
		align-items: center;
		margin-right: auto;
	}

	.header__logo-link {
		width: auto;
		height: 40px;
	}

	.header__logo-link_quiz {
		height: 48px;
	}

	.header__logo {
		width: auto;
		height: auto;
		max-height: 100%;
		object-fit: contain;
	}

	.header__selects {
		display: flex;
		align-items: center;

		gap: 1.45rem;
		margin-right: 1.5rem;
	}

	.header__select {
		position: relative;
	}

	.header__participate {
		height: 40px;
		max-width: 165px;
		font-weight: 500;
		font-size: 16px;
		line-height: 120%;
		text-align: center;
	}

	.header__select__head {
		padding: 0.8rem 1rem;

		display: flex;
		align-items: center;
		gap: 0.95rem;

		cursor: default;
	}

	.header__select_language .header__select__head {
		border: 2px solid var(--color-background-gray-100);
		border-radius: 100px;
		padding: 8px 20px;
		width: 90px;
		height: 40px;
	}

	.header-white .header__select_language .header__select__head {
		border: 2px solid var(--color-white);
	}

	.header__select__head__name {
		color: var(--color-background-gray-100);
		text-transform: uppercase;
	}

	.header__select__head__icon {
		width: 1.2rem;
		height: 1.2rem;

		fill: var(--color-background-gray-100);
	}

	.header__select__head__name,
	.header__select__head__icon {
		transition: color 0.2s, fill 0.2s;
	}

	.header__select__head.opened .header__select__head__name {
		color: var(--color-primary-blue-hover);
	}

	.header__select__head.opened .header__select__head__icon {
		fill: var(--color-primary-blue-hover);
	}

	.header-white .header__select__head__name {
		color: var(--color-white);
	}

	.header-white .header__select__head__icon {
		fill: var(--color-white);
	}

	.header__select__body {
		position: absolute;
		top: 100%;
		left: 0;

		width: 100%;
		padding: 1rem;

		display: none;
		height: auto;
		max-height: 414px;
		overflow-y: auto;

		transition: opacity 0.2s;
	}

	.header__select__body.show,
	.header__select__body.active {
		display: flex !important;
		flex-direction: column;
		gap: 1rem;
		background-color: var(--color-white);
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}

	.header__select__body.triggered.opened {
		display: flex !important;
		flex-direction: column;
		gap: 1rem;
		background-color: var(--color-white);
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}

	.header__select__link {
		transition: color 0.2s;
		color: var(--color-background-gray-100);
	}

	.header__select__link.active {
		color: var(--color-primary-blue);
		font-weight: 600;
	}

	.header .header__participate {
		padding: 0 3.6rem;
	}

	.header__logo_mobile {
		display: none;
	}

	@media (min-width: 1025px) {
		.header__select__head:hover .header__select__head__name {
			color: var(--color-primary-blue-hover);
		}

		.header__select__head:hover .header__select__head__icon {
			fill: var(--color-primary-blue-hover);
		}

		.header__select__link:hover {
			color: var(--color-primary-blue-hover);
		}
	}

	@media (max-width: 1024px) {
		.header {
			max-width: calc(100% - 40px);
		}
	}

	@media (max-width: 768px) {
		.header {
			position: fixed;
			top: 0.8rem;
			left: 50%;

			z-index: var(--z-header);

			width: calc(100% - 40px);
			height: 5.6rem;
			padding: 8px 16px;

			border-radius: 2.8rem;
		}

		.header__inner {
			padding: 0.3rem;

			border-radius: 2.6rem;
		}

		.header__logos {
			gap: 0.5rem;
		}

		.header__selects {
			gap: 5px;
			margin-right: 0;
			padding-right: 1rem;
		}

		.header__select__head {
			padding: 0.8rem;
		}

		.header__select__body {
			top: 125%;
			padding: 0.8rem;
			border-radius: 1rem;
		}

		.header .header__participate {
			display: none;
		}
	}

	@media (max-width: 450px) {
		.header {
			width: 100%;
			max-width: calc(100% - 40px);
			padding: 0;
		}

		.header__inner {
			padding: 10px 20px;
			gap: 9px;
		}

		.header__logos {
			gap: 8px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex: 1;
		}

		.header__logo {
			display: none;
		}

		.header__logo_mobile {
			display: block;
		}

		.header__logo_mobile-eof {
			display: none;
		}

		.header__logo-link {
			height: 20px;
		}

		.header__logo-link_quiz {
			height: 34px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			overflow: hidden;
		}

		.header.header-white {
			.header__logo-link {
				height: 20px;
			}

			.header__logo-link:last-child {
				margin-right: auto;
			}

			.header__logo-link_quiz {
				height: 34px;
				margin-right: auto;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				overflow: hidden;
			}

			.header__logo_mobile-eof {
				display: flex;
			}

		}

		.header__selects {
			padding: 0;
		}

		.header__select_language .header__select__head {
			padding: 8px 4px;
			width: 60px;
			height: 34px;
			gap: 5px;
			display: flex;
			justify-content: center;
		}

		.header__select__head {
			padding: 2px;
		}

		.header__select__head__icon {
			width: 12px;
			height: 12px;
		}
	}
}

@media (max-width: 450px) {
	.page-template .header__select__body {
		top: 150px;
		max-height: 200px;
	}
}

@media (max-width: 380px) {
	.header__select_language .header__select__head {
		padding: 8px 4px;
		width: 60px;
		margin-left: 0;
	}
}

 
body>div {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.cookies-alert.closed {
	
}

body.page-loaded #wpadminbar {
    opacity: 1;
}
/**
 * Стили для custom elements e-popover и e-popover-button
 * Обеспечивают корректное отображение выпадающих меню
 */

/* Базовые стили для e-popover */
e-popover {
    position: absolute;
    z-index: 1000;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 120px;
    overflow: hidden;
    scrollbar-color: #2A3A5F #EAECEF;
    scrollbar-width: thin;
}

/* Скрытое состояние */
e-popover.hidden {
    display: none;
}

/* Активное состояние */
e-popover.active {
    display: block;
}

/* Стили для e-popover-button */
e-popover-button {
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

e-popover-button.opened {
    /* Стили для открытого состояния кнопки */
}

/* Стили для содержимого popover */
e-popover .header__select__body {
    padding: 8px 0;
    margin: 0;
    list-style: none;
}

e-popover .header__select__link {
    display: block;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

e-popover .header__select__link:hover {
    background-color: #f5f5f5;
}

e-popover .header__select__link.active {
    background-color: #e3f2fd;
    color: #1976d2;
}

/* Анимация появления */
e-popover {
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

e-popover.active {
    opacity: 1;
    transform: translateY(0);
}

/* Скрытое состояние с анимацией */
e-popover.hidden {
    opacity: 0;
    transform: translateY(-10px);
}

/* Позиционирование относительно кнопки */
e-popover-button[target="sibling"] + e-popover {
    top: 100%;
    left: 0;
    margin-top: 4px;
}

/* Адаптивность */
@media (max-width: 768px) {
    e-popover {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 300px;
    }
    
    e-popover.active {
        transform: translate(-50%, -50%);
    }
}
/* ============================================
   ATOMIC MODULES INTEGRATION
   ============================================ */

/* Стили для интеграции модулей прелоадера и фактов */

/* Общие стили для модулей */
.atomic-module {
    position: relative;
    z-index: 1000;
}

/* Интеграция прелоадера с фактами */
.atomic-preloader .atomic-facts {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 600px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin: 0;
}

.atomic-preloader .atomic-facts::before {
    display: none;
}

.atomic-preloader .atomic-facts__header {
    display: none;
}

.atomic-preloader .atomic-facts__navigation {
    display: none;
}

.atomic-preloader .atomic-facts__fact {
    position: static;
    opacity: 1;
    transform: none;
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
}

.atomic-preloader .atomic-facts__fact-content {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}

.atomic-preloader .atomic-facts__fact-image {
    display: none;
}

.atomic-preloader .atomic-facts__fact-text {
    font-size: 1rem;
    color: rgba(17, 24, 38, 0.8);
    margin: 0;
    line-height: 1.5;
}

.atomic-preloader .atomic-facts__fact-category {
    display: none;
}

/* Анимации для интеграции */
.atomic-modules-transition {
    transition: all 0.6s ease;
}

.atomic-modules-fade-in {
    animation: atomicModulesFadeIn 0.6s ease;
}

.atomic-modules-slide-up {
    animation: atomicModulesSlideUp 0.6s ease;
}

@keyframes atomicModulesFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes atomicModulesSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .atomic-preloader .atomic-facts {
        bottom: 1rem;
        width: 95%;
        padding: 1rem;
    }
    
    .atomic-preloader .atomic-facts__fact-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .atomic-preloader .atomic-facts {
        bottom: 0.5rem;
        width: 98%;
        padding: 0.75rem;
    }
    
    .atomic-preloader .atomic-facts__fact-text {
        font-size: 0.85rem;
        line-height: 1.4;
    }
}

/* Стили для темной темы (если потребуется) */
@media (prefers-color-scheme: dark) {
    .atomic-preloader .atomic-facts {
        background: rgba(0, 0, 0, 0.8);
        color: #ffffff;
    }
    
    .atomic-preloader .atomic-facts__fact-text {
        color: rgba(255, 255, 255, 0.9);
    }
}

/* Стили для печати */
@media print {
    .atomic-preloader,
    .atomic-facts {
        display: none !important;
    }
}

/* Стили для высокого контраста */
@media (prefers-contrast: high) {
    .atomic-preloader .atomic-facts {
        background: #ffffff;
        border: 2px solid #000000;
    }
    
    .atomic-preloader .atomic-facts__fact-text {
        color: #000000;
    }
}

/* Стили для уменьшенной анимации */
@media (prefers-reduced-motion: reduce) {
    .atomic-modules-transition,
    .atomic-modules-fade-in,
    .atomic-modules-slide-up {
        animation: none;
        transition: none;
    }
    
    .atomic-preloader .atomic-facts {
        transition: none;
    }
}

/* Стили для фокуса (доступность) */
.atomic-facts__button:focus,
.atomic-facts__nav-button:focus {
    outline: 2px solid #294ea1;
    outline-offset: 2px;
}

/* Стили для скрытых элементов */
.atomic-module.hidden {
    display: none !important;
}

.atomic-module.invisible {
    visibility: hidden;
    opacity: 0;
}

/* Стили для загрузки */
.atomic-module.loading {
    pointer-events: none;
    opacity: 0.7;
}

.atomic-module.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #294ea1;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Стили для ошибок */
.atomic-module.error {
    border: 2px solid #dc3545;
    background: #f8d7da;
    color: #721c24;
}

.atomic-module.error::before {
    content: '⚠️';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 1.2em;
}

/* Стили для успешной загрузки */
.atomic-module.success {
    border: 2px solid #28a745;
    background: #d4edda;
    color: #155724;
}

.atomic-module.success::before {
    content: '✅';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 1.2em;
}
/* ============================================
   ATOMIC PRELOADER MODULE
   ============================================ */

.atomic-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(180deg, #101528 0%, #24264C 100%);

    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.8s ease-out, visibility 0.2s ease-out;
}

.atomic-preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

.atomic-preloader__container {
    width: 441px;
    max-width: 90vw;
    text-align: center;
}

.atomic-preloader__orbit-svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.atomic-preloader__title {
    margin: 0;
    font-family: 'Golos Text', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    position: relative;
    bottom: 50px;
}

.atomic-preloader__title span {
    color: #f3f85c;
}

@media (max-width: 768px) {
    .atomic-preloader__title { font-size: 1.5rem; }
}

@media (max-width: 480px) {
    .atomic-preloader__title { font-size: 1.2rem; }
}

/* Плавное появление блоков страницы */
body:not(.page-loaded) .hero-section,
body:not(.page-loaded) .about-section,
body:not(.page-loaded) .steps-section,
body:not(.page-loaded) .quiz-instruction-section,
body:not(.page-loaded) .geography-section,
body:not(.page-loaded) .prizes-section,
body:not(.page-loaded) .test-section,
body:not(.page-loaded) .sharing-section {
    opacity: 0;
    transform: translateY(30px);
    transition: none;
}

.page-loaded .hero-section,
.page-loaded .about-section,
.page-loaded .steps-section,
.page-loaded .quiz-instruction-section,
.page-loaded .geography-section,
.page-loaded .prizes-section,
.page-loaded .test-section,
.page-loaded .sharing-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.page-loaded .hero-section.animate-in,
.page-loaded .about-section.animate-in,
.page-loaded .steps-section.animate-in,
.page-loaded .quiz-instruction-section.animate-in,
.page-loaded .geography-section.animate-in,
.page-loaded .prizes-section.animate-in,
.page-loaded .test-section.animate-in,
.page-loaded .sharing-section.animate-in {
    opacity: 1;
    transform: translateY(0);
}/* Floating switcher */
.trp-floating-switcher {
    display: flex;
    flex-direction: column-reverse;
    position: fixed;
    z-index: 99999;
    overflow: hidden;
    padding: var(--switcher-padding, 10px);
    border: var(--border, none);
    border-radius: var(--border-radius, 8px);
    background: var(--bg, #fff);
    width: var(--switcher-width, auto);
    top: var(--top, unset);
    right: var(--right, unset);
    bottom: var(--bottom, unset);
    left: var(--left, unset);
    box-shadow: 0 10px 20px 0 #0000000D;
}

.trp-floating-switcher .trp-switcher-dropdown-list {
    flex-direction: column-reverse;
}

.trp-switcher-position-top.trp-floating-switcher {
    flex-direction: column;
    top: var(--wp-admin--admin-bar--height, 0);
}

.trp-floating-switcher.trp-switcher-position-top:not(.trp-ls-inline) .trp-language-switcher-inner,
.trp-floating-switcher.trp-switcher-position-top .trp-switcher-dropdown-list {
    flex-direction: column;
}

/* Inline variant */
nav.trp-ls-inline .trp-language-switcher-inner {
    flex-direction: row;
}

.trp-ls-inline.trp-opposite-language .trp-language-item {
    width: 100%;
}

/* Powered by */
#trp-floater-powered-by {
    color: var(--text, #b3b3b3);
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    opacity: 70%;
}

#trp-floater-powered-by a {
    color: var(--text, #b3b3b3);
}

.trp-switcher-position-bottom #trp-floater-powered-by {
    border-top: 1px solid var(--border-color, #747474);
    padding-top: 5px;
    margin-top: 5px;
}

.trp-switcher-position-top #trp-floater-powered-by {
    border-bottom: 1px solid var(--border-color, #747474);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* Shortcode switcher */
.trp-shortcode-switcher__wrapper {
    position: relative;
    border: none;
}

.elementor-widget-trp_language_switcher {
    width: fit-content;
    max-width: 100%;
}

.elementor-widget-trp_language_switcher .elementor-widget-container,
.trp-elementor-language-switcher,
.trp-elementor-language-switcher .trp-shortcode-switcher__wrapper {
    width: fit-content;
    max-width: 100%;
}

.trp-shortcode-switcher {
    position: static;
    display: inline-block;
    overflow: hidden;
    padding: 10px 0;
    border: var(--border, none);
    border-radius: var(--border-radius, 5px);
    background: var(--bg, #fff);
    width: auto;
    box-shadow: none;
}

/* Hide the anchor that holds space in the document for the actual switcher. Only if opposite mode is not enabled. We show only the anchor in opposite mode */
.trp-shortcode-anchor:not(.trp-opposite-button) {
    visibility: hidden;
}

.trp-shortcode-switcher.trp-open-on-click {
    cursor: pointer;
}

.trp-shortcode-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}
/* Opposite mode enabled */
.trp-current-language-item__wrapper:not(.trp-hide-arrow) {
    display: flex;
    align-items: center;
    padding-right: 10px;
    justify-content: space-between;
}

/* Shared by both */
.trp-language-switcher-inner {
    display: flex;
}

.trp-floating-switcher .trp-language-switcher-inner {
    flex-direction: column-reverse;
}

.trp-shortcode-switcher .trp-language-switcher-inner {
    flex-direction: column;
}

.trp-switcher-dropdown-list {
    display: flex;
    overflow-y: hidden; /* closed state */
    transition: max-height 0.2s ease-in-out;
    max-height: 0;
    transition-duration: var(--transition-duration);
}

.trp-shortcode-switcher .trp-switcher-dropdown-list {
    flex-direction: column;
}

/* OPEN STATE — scroll the LIST (floating & shortcode) */
.trp-ls-dropdown.is-open .trp-switcher-dropdown-list,
.trp-ls-dropdown[aria-expanded="true"] .trp-switcher-dropdown-list,
.trp-shortcode-switcher.trp-open-on-hover.is-open .trp-switcher-dropdown-list,
.trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list {
    overflow-y: auto;
    max-height: min(350px, 70vh);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--text) transparent;
}

.trp-ls-dropdown.is-transitioning .trp-switcher-dropdown-list,
.trp-shortcode-switcher.is-transitioning .trp-switcher-dropdown-list {
    overflow-y: hidden !important;
}

.trp-shortcode-arrow {
    pointer-events: none;
}

.trp-shortcode-switcher.is-open .trp-shortcode-arrow {
    transform: rotate(180deg);
}

/* Links inside switcher */
.trp-language-item:focus { outline: none; }
.trp-language-item:focus-visible {
    outline: 2px solid var(--text);
    outline-offset: -2px;
}

/* Items */
.trp-language-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px;
    text-decoration: none;
    min-height: 19px;
    box-sizing: content-box;
}

.trp-language-item:hover {
    background: var(--bg-hover, #f3f3f3);
}

.trp-language-item:hover .trp-language-item-name {
    color: var(--text-hover, #000);
}

.trp-language-item__current {
    pointer-events: none;
    cursor: default;
}

.trp-language-item-name {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text, #000);
    font-size: var(--font-size, 14px);
    line-height: 1.2;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
}

.trp-flag-image {
    border-radius: var(--flag-radius, 0) !important;
    aspect-ratio: var(--aspect-ratio, 4/3) !important;
    width: var(--flag-size, 18px) !important;
    display: inline-block !important;
    height: auto !important;
}

.trp-menu-ls-label .trp-flag-image {
    margin: -2px 3px;
}

.trp-custom-flag {
    object-fit: cover;
}

/* WebKit scrollbar styling on the ACTUAL scrollable element */
.trp-switcher-dropdown-list::-webkit-scrollbar { width: 6px; }
.trp-switcher-dropdown-list::-webkit-scrollbar-track { background: transparent; }
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb {
    background-color: var(--text);
    border-radius: 4px;
}

.trp-switcher-dropdown-list::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-hover);
}

/* Menu item */
.trp-flag-rounded {
    border-radius: 9999px !important;
    aspect-ratio: 1 / 1 !important;
}

.trp-ls-name {
    padding-left: 5px;
}

@media (prefers-reduced-motion: reduce) {
    .trp-switcher-dropdown-list {
        transition: none !important; /* no max-height animation */
    }
}

/* Legacy Language Switcher shortcode css rules
 * Useful for displaying the Automatic Language Detection language switcher
*/


.trp_ald_ls_container img.trp-flag-image{
    padding-top: 0 !important;
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector){
    position: relative;
    display: inline-block;
    padding: 0;
    border: 0;

    box-sizing: border-box;
}


.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div {
    box-sizing: border-box;

    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 13px;

    border: 1px solid #c1c1c1;
    border-radius: 3px;

    background-color: #fff;
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a {
    display: block;
    padding: 2px;
    border-radius: 3px;
    color: rgb(7, 105, 173);
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a:hover {
    background: #f1f1f1;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a.trp-ls-shortcode-disabled-language {
    cursor: default;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a.trp-ls-shortcode-disabled-language:hover {
    background: none;
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a > img{
    display: inline;
    margin: 0 3px;
    width: 18px;
    height: 12px;
    border-radius: 0;
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-current-language{
    display: inline-block;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-current-language,
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-current-language{
    visibility: hidden;
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-language{
    display: inline-block;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    z-index: 1;

    max-height: 250px;
    overflow-y: auto;
    left: 0;
    top: 0;
    min-height: auto;
}

.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-language,
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-language{
    visibility: visible;
    max-height: 250px;
    height: auto;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block !important;
    min-height: auto;
}

#trp_ald_x_button{
    z-index: 0 !important;
}
/* Модальное окно */
.page-template {
	.modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		display: none;
		opacity: 0;
		visibility: hidden;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.modal.active {
		display: flex;
		opacity: 1;
		visibility: visible;
	}

	.modal.closing {
		opacity: 0;
		visibility: hidden;
	}

	.modal .modal__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		backdrop-filter: blur(8px);
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		z-index: 1;
	}

	.modal .modal__container {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
		z-index: 2;
	}

	.modal .modal__content {
		background: var(--white);
		border-radius: 32px;
		padding: 32px 32px 56px 32px;
		max-width: min-content;
		width: 100%;
		max-height: 90vh;
		max-height: 90dvh;
		overflow: hidden;
		position: relative;
		box-shadow:
			0 20px 60px rgba(0, 0, 0, 0.15),
			0 8px 24px rgba(0, 0, 0, 0.1);
		transform: scale(0.9) translateY(20px);
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		display: flex;
		flex-direction: column;
		z-index: 3;
		min-width: 450px;
	}

	.modal--alert .modal__content {
		max-width: 580px;
	}

	.modal--info .modal__content {
		max-width: 520px;
	}

	.modal--info .modal__content .modal__buttons {
		width: 100%;
    max-width: 360px;
	}

	.modal.modal--sharing .modal__title {
		text-align: center;
		padding: 0 2em;
	}

	.modal.modal--sharing .modal__header {
		margin-bottom: 8px;
	}

	.modal--sharing .modal__content {
		max-width: 490px;
		color: #272726;
		text-align: center;
	}

	.modal__sharing-buttons {
		display: flex;
		gap: 32px;
		justify-content: center;
		align-items: center;
		margin-top: 56px;

		.sharing-button {
			width: 72px;
			height: 72px;
			img {
				width: 100%;
				max-width: 100%;
			}
		}
	}

	.modal.active .modal__content {
		transform: scale(1) translateY(0);
	}

	.modal.closing .modal__content {
		transform: scale(0.9) translateY(20px);
	}

	.modal .modal__close {
		position: absolute;
		padding: 0;
		top: 22px;
		right: 20px;
		width: 40px;
		height: 40px;
		border: none;
		background: transparent;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		color: var(--color-text-secondary);
		animation: fadeInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
		z-index: 2;
	}

	.modal .modal__close:hover {
		background: rgba(0, 0, 0, 0.05);
		color: var(--color-text-dark);
		transform: scale(1.1);
	}

	.modal .modal__header {
		text-align: center;
		margin-bottom: 24px;
		flex-shrink: 0;
		animation: fadeInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
	}

	.modal .modal__title {
		font-family: var(--font-primary);
		font-weight: 700;
		font-size: 20px;
		line-height: 140%;
		color: #272726;
		margin: 0 auto 0 0;
		text-align: left;
		padding-right: 2em;
	}

	.modal--alert .modal__title, .modal--info .modal__title {
		text-align: center;
		padding: 0;
		font-size: 26px;
	}

	.modal .modal__subtitle {
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: var(--color-text-secondary);
		margin: 0;
	}

	/* Форма */
	.modal .modal__form {
		display: flex;
		flex-direction: column;
		gap: 24px;
		flex: 1;
		overflow: visible;
		padding: 0;
		margin: 0;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
	}

	.modal--registration .modal__form {
		min-width: 450px;
		gap:12px
	}

	.form__group {
		display: flex;
		flex-direction: column;
		gap: 8px;
		animation: fadeInUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	}

	.form__group:nth-child(1) {
		animation-delay: 0.3s;
	}

	.form__group:nth-child(2) {
		animation-delay: 0.4s;
	}

	.form__group:nth-child(3) {
		animation-delay: 0.5s;
	}

	.form__group:nth-child(4) {
		animation-delay: 0.6s;
	}
	
	.form__group:nth-child(5) {
		animation-delay: 0.7s;
	}
	
	.form__group:nth-child(6) {
		animation-delay: 0.8s;
	}
	
	.form__group:nth-child(7) {
		animation-delay: 0.9s;
	}
	
	.form__group:nth-child(8) {
		animation-delay: 1.0s;
	}
	
	.form__group:nth-child(9) {
		animation-delay: 1.1s;
	}
	
	.form__group:nth-child(10) {
		animation-delay: 1.2s;
	}
	
	

	.form__label {
		font-family: var(--font-primary);
		font-weight: 500;
		font-size: 14px;
		line-height: 120%;
		color: var(--color-text-dark);
	}

	.form__input {
		width: 100%;
		height: 48px;
		padding: 0 16px;
		border: 1px solid rgba(42, 58, 95, 0.2);
		border-radius: 8px;
		background: var(--white);
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		color: #2a3a5f;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		box-sizing: border-box;
	}

	.form__input:focus {
		outline: none;
		border-color: var(--color-primary-blue);
		box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
		transform: translateY(-1px);
	}

	.form__input::placeholder {
		color: var(--color-text-secondary);
	}

	/* Стили для валидации */
	.form__input.error {
		border-color: #ef4444;
		box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
		background-color: #fef2f2;
	}

	.form__input.success {
		border-color: #10b981;
		box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
		background-color: #f0fdf4;
	}

	.form__checkbox-label.error {
		color: #ef4444;
	}

	.form__checkbox-label.error .form__checkbox {
		border-color: #ef4444;
		box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
	}

	/* Анимация тряски для ошибок */
	@keyframes shake {
		0%, 100% { transform: translateX(0); }
		10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
		20%, 40%, 60%, 80% { transform: translateX(5px); }
	}

	.form__checkbox-label {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		margin-top: 12px;
	}

	.form__checkbox-label:hover {
		transform: translateX(4px);
	}

	.form__checkbox {
		width: 20px;
		height: 20px;
		margin: 0;
		flex-shrink: 0;
		margin-top: 2px;
		accent-color: var(--color-primary-blue);
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.form__checkbox:hover {
		transform: scale(1.1);
	}

	.form__checkbox-text {
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: #272726;
	}

	.form__hint {
		font-family: var(--font-primary);
		font-weight: bold;
		font-size: 14px;
		line-height: 140%;
		color: #000;
		margin: 0;
		padding: 0 16px;
	}

	.form__agreement-text,
	.form__link {
		font-family: var(--font-primary);
		font-size: 16px;
		line-height: 140%;
		letter-spacing: 0px;
		color: #939393;
	}

	.form__link {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	.form__submit {
		width: 100%;
		height: 48px;
		background: #a6abb6;
		border: none;
		border-radius: 100px;
		color: var(--white);
		font-family: var(--font-primary);
		font-weight: 500;
		font-size: 20px;
		line-height: 120%;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		position: relative;
		overflow: hidden;
		flex-shrink: 0;
		margin-top: auto;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
		text-transform: none;
	}

	.form__success {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		padding: 82px 70px 98px;
	}

	.form__success svg {
		animation: successBounce 0.6s ease-out;
	}

	.form__success-text {
		font-family: var(--font-primary);
		font-weight: 700;
		font-size: 20px;
		line-height: 140%;
		letter-spacing: 0px;
		color: #272726;
	}

	.modal--registration .form__submit {
		margin-top: 12px;
	}

	.modal__form:has(input[type="text"][id^="userName_"]:not(:placeholder-shown)):has(input[type="email"]:valid):has(input[type="text"][id^="userCountry_"]:not(:placeholder-shown)):has(input[type="checkbox"]:checked) .form__submit {
		background: #EB4A45;
	}

	.modal__form:has(input[type="text"][id^="userName_"]:not(:placeholder-shown)):has(input[type="email"]:valid):has(input[type="text"][id^="userCountry_"]:not(:placeholder-shown)):has(input[type="checkbox"]:checked) .form__submit:hover {
		background: #D63D38;
		transform: translateY(-1px);
	}

	.modal__form:has(input[type="email"]:valid):has(input[type="checkbox"]:checked):not(:has(input[type="text"][id^="userName_"])) .form__submit {
		background: #EB4A45;
	}

	.modal__form:has(input[type="email"]:valid):has(input[type="checkbox"]:checked):not(:has(input[type="text"][id^="userName_"])) .form__submit:hover {
		background: #D63D38;
		transform: translateY(-1px);
	}

	.form__submit:hover {
		background: #939393;
		transform: translateY(-1px);
	}

	/* Alert/Info модальные окна */
	.modal--alert .modal__header, .modal--info .modal__header {
		text-align: center;
		margin-bottom: 8px;
	}

	.modal--alert .modal__body, .modal--info .modal__body {
		display: flex;
		flex-direction: column;
		gap: 32px;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
	}

	.modal__message {
		text-align: center;
	}

	.modal--alert .modal__message, .modal--info .modal__message {
		padding: 0 32px;
	}

	.modal__message p {
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 20px;
		line-height: 140%;
		color: #272726;
		margin: 0;
	}

	.modal__message p:last-child {
		margin-bottom: 0;
		margin-top: 10px;
	}

	.modal__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 24px;
	}

	.modal--info .modal__body .modal__icon {
		margin-bottom: -24px;
	}

	.modal__icon svg {
		width: 56px;
		height: 56px;
	}

	.modal--info .modal__body {
		display: flex;
		flex-direction: column;
		gap: 32px;
		align-items: center;
		text-align: center;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
	}

	.modal--info .modal__message {
		font-family: var(--font-primary);
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2;
		color: var(--color-text-dark);
		padding: 0;

		&.feedback-success-message p{
			font-size:26px;
			font-weight: 700;
		}
	}

	.modal__buttons {
		display: flex;
		gap: 16px;
		justify-content: center;
		flex-wrap: nowrap;
	}

	.modal__button {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		text-decoration: none;
		width: auto;
		min-width: max-content;
		flex-grow: 1;

		&.btn--outline-black{
			border-color:#2A3A5F
		}
	}

	@media (max-width: 768px) {
		.modal__buttons {
			flex-direction: column;
		}

		.modal__button {
			width: 100%;
		}
		
		.modal__message p {
			font-size: 16px;
		}
	}

	@media (max-width: 450px) {
		.modal__buttons {
			display: flex;
			gap: 16px;
			flex-direction: column-reverse;
			align-items: center;
		}
		.modal__button {
			height: 48px;
		}
	}






	.form__submit:active {
		transform: translateY(0);
	}

	.form__submit-text {
		position: relative;
		z-index: 2;
	}

	.form__submit-icon {
		position: relative;
		z-index: 2;
		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.form__submit:hover .form__submit-icon {
		transform: translateX(6px) scale(1.1);
	}

	.form__submit:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}

	.form__submit.loading {
		opacity: 0.8;
	}

	.form__submit.loading .form__submit-text {
		opacity: 0.7;
	}

	/* Адаптивность */
	@media (max-width: 768px) {
		.modal__content {
			padding: 24px;
			margin: 20px;
			max-width: none;
		}

		.modal__title {
			font-size: 24px;
		}

		.modal__subtitle {
			font-size: 14px;
		}
	}

	@media (max-width: 450px) {
		.modal .modal__content {
			border-radius: 16px;
			padding: 16px 16px 32px;
			margin: 0px;
			max-width: none;
			min-width: 80vw;
		}
		.modal .modal__title {
			font-size: 18px;
			line-height: 140%;
		}
		.form__agreement-text,
		.form__link {
			font-size: 14px;
		}
		.modal .modal__close {
			top: 10px;
			right: 4px;
		}
		.form__submit {
			font-size: 20px;
			line-height: 120%;
		}
		.form__checkbox-text {
			font-size: 14px;
		}
	}
}

/* Стили для модального окна успешной подписки CTA */
.cta-success-modal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 60px 40px;
	gap: 24px;
}

.cta-success-modal__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: successBounce 0.6s ease-out;
}

.cta-success-modal__title {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	color: var(--color-text-primary);
	margin: 0;
	animation: fadeInUp 0.6s ease-out 0.2s both;
}

.cta-success-modal__description {
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--color-text-secondary);
	margin: 0;
	opacity: 0.8;
	animation: fadeInUp 0.6s ease-out 0.4s both;
}

/* Анимация для иконки успеха */
@keyframes successBounce {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Адаптивность для модального окна успешной подписки */
@media (max-width: 768px) {
	.cta-success-modal {
		padding: 40px 20px;
		gap: 20px;
	}

	.cta-success-modal__icon svg {
		width: 64px;
		height: 64px;
	}

	.cta-success-modal__title {
		font-size: 24px;
	}

	.cta-success-modal__description {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.page-template{
		
		.modal .modal__content {
			min-width: 320px;
		}

		.cta-success-modal {
			padding: 30px 16px;
			gap: 16px;
		}

		.cta-success-modal__icon svg {
			width: 56px;
			height: 56px;
		}

		.cta-success-modal__title {
			font-size: 20px;
		}

		.cta-success-modal__description {
			font-size: 14px;
		}

		.modal--registration .modal__form, 	.modal--alert .modal__content, .modal--info .modal__content {
			min-width: 320px;
		}

		.modal--alert .modal__message, .modal--info .modal__message {
			padding: 0;
		}

		.modal--alert .modal__title, .modal--info .modal__title, .modal .modal__title {
			font-size: 18px;
		}

		.modal__sharing-buttons {
			gap: 16px;
			margin-top: 24px;
	
			.sharing-button {
				width: 40px;
				height: 40px;
			}
		}
	}

}

/* Стили для оверлея успешного состояния в модальном окне */
.modal-success-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 1);
	border-radius: 16px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 10;
	animation: modalSuccessFadeIn 0.3s ease-out;
}

.modal-success-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	text-align: center;
}

.modal-success-icon {
	animation: modalSuccessIconBounce 0.6s ease-out;
}

.modal-success-text {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 24px;
	color: var(--color-text-primary);
	animation: modalSuccessTextFadeIn 0.6s ease-out 0.2s both;
	text-align: center;
	margin: 0 auto;
	max-width: 80%;
}

.modal-success-fade-out {
	animation: modalSuccessFadeOut 0.3s ease-out;
}

/* Анимации для успешного состояния модального окна */
@keyframes modalSuccessFadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes modalSuccessFadeOut {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0.9);
	}
}

@keyframes modalSuccessIconBounce {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes modalSuccessTextFadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}








/* Комбобокс стран */
.form__group--country {
    position: relative;
	z-index: 1;
}

.form__input--country-select-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.country-combobox__list {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 4px);
    z-index: 50;
    max-height: 260px;
    overflow-y: auto;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.country-combobox__item {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3;
    cursor: pointer;
    color: #272726;
}

.country-combobox__item.is-active,
.country-combobox__item:hover {
    background: #f5f5f5;
}


/* Load after the existing modal styles. Scoped to registration only. */
.page-template .modal.modal--registration .modal__content {
    box-sizing:border-box; width:890px; max-width:100%; min-width:0;
    background:#596bf5; color:#fff; border-radius:40px;
    padding:38px clamp(22px,9vw,114px) 44px; overflow-y:auto;
    scrollbar-width:thin; max-height:92dvh;
}
.page-template .modal.modal--registration .modal__form {min-width:0; flex:none; gap:20px; overflow:visible; animation:none}
.page-template .modal.modal--registration .modal__title {color:white;text-align:center;font-size:40px;line-height:1.2;padding:0;margin:0}
.page-template .modal.modal--registration .modal__header {margin-bottom:20px;animation:none}
.page-template .modal.modal--registration .modal__close {color:white;top:8px;right:8px}
.page-template .modal.modal--registration .form__group {animation:none;gap:12px;min-width:0;margin:0}
.page-template .modal.modal--registration .form__input {
    height:70px;border-radius:40px;background:#939ef7;border:1px solid transparent;
    padding:0 24px;color:white;font:inherit;font-size:23px;box-shadow:none;transform:none;min-width:0;
}
.page-template .modal.modal--registration .form__input::placeholder {color:white;opacity:1}
.page-template .modal.modal--registration .form__input:focus-visible,
.page-template .modal.modal--registration .form__group.is-open {outline:1px solid #f7fb50;outline-offset:0}
.page-template .modal.modal--registration .form__group--country {border-radius:40px;background:#939ef7;z-index:auto;gap:0}
.page-template .modal.modal--registration .form__group--country.is-open {padding-bottom:22px}
.page-template .modal.modal--registration .country-combobox__toggle,
.page-template .modal.modal--registration .registration-date__toggle {display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;flex-shrink:0;width:100%;gap:12px}
.country-combobox__toggle::after {content:'';width:15px;height:15px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);margin-right:4px;margin-top:-8px;flex-shrink:0}
.registration-date__toggle::after {content:'';width:27px;height:27px;flex-shrink:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='6' width='26' height='23' rx='4'/%3E%3Cpath d='M9 2v8m14-8v8M3 14h26M9 19h3m5 0h3m-11 5h3m5 0h3'/%3E%3C/svg%3E")}
.page-template .modal.modal--registration .country-combobox__panel {padding:0 24px}
.page-template .modal.modal--registration [hidden] {display:none!important}
.country-combobox__search {position:relative}
.country-combobox__search::before {content:'';position:absolute;left:20px;top:20px;width:13px;height:13px;border:2px solid white;border-radius:50%;pointer-events:none}
.country-combobox__search::after {content:'';position:absolute;left:34px;top:35px;width:10px;height:2px;background:white;transform:rotate(45deg);pointer-events:none}
.page-template .modal.modal--registration .form__input--country-filter {height:60px;border:1px solid white;padding-left:54px}
.page-template .modal.modal--registration .country-combobox__list {position:static;max-height:190px;background:transparent;border:0;border-radius:0;box-shadow:none;margin:16px 0 0;padding:0;overflow-y:auto;list-style:none}
.page-template .modal.modal--registration .country-combobox__item {color:white;font:inherit;font-size:23px;padding:7px 0;border-radius:8px;cursor:pointer}
.page-template .modal.modal--registration .country-combobox__item.is-active,
.page-template .modal.modal--registration .country-combobox__item:hover {background:rgba(255,255,255,.16)}
.country-combobox__empty {color:white;margin:16px 0 0}
.page-template .modal.modal--registration .registration-date-source,
.page-template .modal.modal--registration .form__input--country-select-hidden {position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);padding:0!important;overflow:hidden;opacity:0;pointer-events:none}
.page-template .modal.modal--registration .form__group--birth,
.page-template .modal.modal--registration .form__group--birth.is-open {position:relative;border-radius:40px;outline:none}
.page-template .modal.modal--registration .form__group--birth.is-open .registration-date__toggle {border-color:#f7fb50}
.page-template .modal.modal--registration .form__input.error,
.page-template .modal.modal--registration .form__group--country:has(.error) .country-combobox__toggle,
.page-template .modal.modal--registration .form__group--birth:has(.error) .registration-date__toggle {border-color:#ffb4b4;box-shadow:0 0 0 2px #b32e40}
.page-template .modal.modal--registration .form__input.success {background:#939ef7;border-color:transparent}
.registration-calendar {box-sizing:border-box;background:white;color:#080808;border-radius:40px;padding:25px;font-size:18px}
.registration-calendar button,.registration-calendar select {font:inherit;color:inherit;cursor:pointer;box-sizing:border-box}
.registration-calendar__selectors {display:flex;gap:42px;margin-bottom:16px}
.registration-calendar__selectors select {width:0;flex:1;min-width:0;border:1px solid #c4c4c4;background:white;border-radius:30px;padding:12px 18px}
.registration-calendar__nav {display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}
.registration-calendar__nav strong {font-size:22px}
.registration-calendar__arrow {border:0;background:transparent;font-size:32px!important;line-height:1;width:34px;height:38px}
.registration-calendar__grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px 0;text-align:center;align-items:center}
.registration-calendar__grid>span {padding:6px 0}
.registration-calendar__day {justify-self:center;border:0;border-radius:50%;background:transparent;width:36px;height:32px;padding:0}
.registration-calendar__day.is-selected {background:#dbe0ff}
.registration-calendar__day:hover:not(:disabled) {background:#edf0ff}
.registration-calendar button:focus-visible,.registration-calendar select:focus-visible {outline:2px solid #596bf5;outline-offset:2px}
.registration-calendar button:disabled,.registration-calendar option:disabled {opacity:.3;cursor:default}
.registration-calendar__actions {display:flex;justify-content:center;gap:16px;margin-top:18px}
.registration-calendar__actions button {border:0;border-radius:32px;padding:12px 34px;font-size:20px;font-weight:700;color:white}
.registration-calendar__cancel {background:#939ef7}
.registration-calendar__apply {background:#596bf5}
.page-template .modal.modal--registration .form__checkbox-label {align-items:flex-start;margin:0;gap:16px;transform:none}
.page-template .modal.modal--registration .form__checkbox {appearance:none;width:26px;height:26px;border-radius:4px;background:#939ef7;border:1px solid transparent;transform:none;display:grid;place-content:center}
.page-template .modal.modal--registration .form__checkbox:checked::after {content:'✓';font-size:20px;color:white}
.page-template .modal.modal--registration .form__checkbox:focus-visible {outline:2px solid #f7fb50;outline-offset:3px}
.page-template .modal.modal--registration .form__checkbox-text,
.page-template .modal.modal--registration .form__agreement-text,
.page-template .modal.modal--registration .form__link {font-size:16px;line-height:1.5;color:#dce0ff}
.page-template .modal.modal--registration .form__submit,
.page-template .modal.modal--registration .form__submit:hover {width:66%;align-self:center;height:80px;margin:0;background:#f7fb50;color:black;font-size:30px;font-weight:700;animation:none;transform:none}
.page-template .modal.modal--registration .form__hint {color:white}
@media(max-width:600px) {
 .page-template .modal.modal--registration .modal__content {padding:34px 18px 26px;border-radius:28px;margin:0;min-width:0}
 .page-template .modal.modal--registration .modal__container {padding:12px}
 .page-template .modal.modal--registration .modal__title {font-size:30px}
 .page-template .modal.modal--registration .form__input {height:56px;font-size:18px;padding:0 18px}
 .page-template .modal.modal--registration .modal__form {gap:16px}
 .page-template .modal.modal--registration .country-combobox__panel {padding:0 16px}
 .page-template .modal.modal--registration .form__input--country-filter {padding-left:48px}
 .page-template .modal.modal--registration .country-combobox__item {font-size:18px}
 .registration-calendar {padding:16px 10px;border-radius:28px;font-size:15px}
 .registration-calendar__selectors {gap:12px}.registration-calendar__selectors select {padding:10px}
 .registration-calendar__nav strong {font-size:18px}.registration-calendar__day {width:30px;height:30px}
 .registration-calendar__actions {gap:12px}.registration-calendar__actions button {padding:10px 24px;font-size:17px}
 .page-template .modal.modal--registration .form__checkbox-text,.page-template .modal.modal--registration .form__link {font-size:13px}
 .page-template .modal.modal--registration .form__submit {width:80%;height:62px;font-size:25px}
}

.page-template .modal.modal--registration .modal__content {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.page-template .modal.modal--registration .modal__content::-webkit-scrollbar {
    display: none;
    width: 0;
}
body.ar{
			direction:rtl;
			unicode-bidi:embed;
		}
/*# sourceURL=atomic-rtl-inline-css */
/**
 * Стили для результатов профтеста
 * Разные стили для разных типов профессий
 */

/* Базовые стили для всех типов профессий */
/* 
 * Стили для страницы результатов профориентационного теста
 * Модульный подход - импортирует только необходимые стили
 */

/* Базовые стили */





/* Импорт стилей для результатов */
/*  */

.results-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
    background-color: #294ea1;
    background-blend-mode: color-burn;
    background-position: 50% 100%;
    background-size: 4000px;
    opacity: 0;
}

.results-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.05;
}

.results-title_panel-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3465d5;
    border-radius: 24px;
    padding: 16px 32px;
    min-width: 258px;
    height: 58px;
    text-align: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    color: #fff;
    margin: 0 auto 40px;
}

.results-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 56px;
    line-height: 110%;
    text-align: center;
    color: #fff;
    margin: 0 auto 40px;
    max-width: 990px;
}

/* Стили для страницы результатов профтеста */
.results-page {
    min-height: 100vh;
    min-height: 100dvh;
    background: #294ea1;
    position: relative;
    overflow-x: hidden;
    padding-top: 140px;
}

.page-404.results-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
}

@media screen and (max-height: 700px) {
    .page-404.results-page {
        padding-top: 90px;
    }
}

.results-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.results-proftest .results-wrapper {
    max-width: 794px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 120px;
}

.page-404 .img-wrapper {
    width: 100%;
    max-width: 360px;

    img {
        max-width: 100%;
    }
}

.page-404 {
    .bg-pattern-1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 65vw;
        height: 95vh;
        max-height: 1100px;
        background-color: #294ea1;
        background-blend-mode: color-burn;
        z-index: 0;
        pointer-events: none;
        background-size: cover;
        background-position: center top;
        opacity: 0.2;
    }

    .bg-pattern-2 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 65vw;
        height: 95vh;
        max-height: 1100px;
        background-color: #294ea1;
        background-blend-mode: color-burn;
        z-index: 0;
        pointer-events: none;
        background-size: cover;
        background-position: center top;
        opacity: 0.2;
    }

    .bg-pattern-top {
        position: absolute;
        z-index: 0;
        right: 15%;
        top: 70px;
        width: 31%;
        pointer-events: none;
    }

    .bg-pattern-bottom {
        position: absolute;
        z-index: 0;
        right: 12%;
        top: 590px;
        width: 15%;
        pointer-events: none;

    }

    .bg-pattern-atom {
        position: absolute;
        z-index: 0;
        top: 330px;
        left: 0;
        pointer-events: none;
        transform: translateX(-50%);
        width: 330px;
        opacity: 0.2;
    }
}

.page-404 .results-wrapper {
    margin: auto;
    padding-top: 140px;
    padding-bottom: 0;
}

.page-404 .no-results-message .wrap-image {
    max-width: 298px;
}

.results-title_panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 365px;
    margin: 0 auto;

    .img-wrapper {
        width: 100%;
        max-width: 360px;

        img {
            max-width: 100%;
        }
    }
}

.results-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 740px;
}

.results-content--training {
    max-width: 996px;

}

.professions-container .results-content__item {
    display: grid;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
}

.results-content__item-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    max-width: 890px;
    margin: 0 auto;

    span {
        font-weight: 700;
        color: #FFAD2B;
    }

    a {
        text-decoration: underline;
        transition: all 0.3s ease;
        color: #fff;
    }

    a:hover {
        text-decoration: none;
    }
}

.page-template-page-results-main-final {
    .results-content__item-text {
        line-height: 1;
    }
}

.results-content__buttons {
    max-width: 690px;
    margin: 40px auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;

    .btn--primary {
        flex: 1;
        gap: 16px;
        justify-content: center;
    }
}

.page-template-page-results-main-final .results-content__buttons .btn--primary {
    max-width: 340px;
    margin: 0 auto;
}

.results-content__item-img {
    width: 100%;
    max-width: 390px;

    img {
        max-width: 100%;
        transform: translateY(6px);
    }
}

.results-content__item-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
}

.results-content__item-title--mobile {
    display: none;
}

.results-content__panel {
    box-shadow: 0 0 30px 0 rgba(41, 78, 161, 0.1);
    background: rgba(255, 255, 255, 0.2);
    border-radius: 32px;
    padding: 32px 32px 56px;
    width: 100%;
}

.results-content__panel-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
}

.results-content__panel-text p {
    margin-bottom: 1rem;
    padding: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
}

.results-content__panel-text p:last-child {
    margin-bottom: 0;
}

.results-content__panel-buttons {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;

    .btn {
        color: #fff;
    }

    .btn--primary {
        flex: 1;
    }
}

.results-proftest .results-content__panel-buttons {
    .btn--primary {
        justify-content: center;
    }
}

.results-footer {
    margin-top: 140px;
    border-radius: 24px;
    padding: 40px 40px 56px;
    width: 100%;
    background: rgba(14, 49, 127, 0.6);
    margin-bottom: 120px;
    max-width: 996px;
    margin-left: auto;
    margin-right: auto;
}

.results-footer__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 20px;
}

.results-footer__content {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #fff;
}

.results-footer__content p {
    padding: 0;
    margin-bottom: 1rem;
}

.results-footer__content p:last-child {
    margin-bottom: 0;
}

.results-footer__content a {
    text-decoration: underline;
    transition: all 0.3s ease;
}

.results-footer__content a:hover {
    text-decoration: none;
}

.results-footer_column:first-child {
    border-right: 1px solid #fff;
}

.results-footer_column {
    flex: 1;
}

.results-footer_colum,
.results-footer_column p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
}

.results-footer_column p {
    max-width: 330px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.results-footer_column .btn {
    max-width: 330px;
    margin: 40px auto 0;
    justify-content: center;
}

.results-footer_column-social {
    width: 216px;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
    margin: 40px auto 0;

    a {
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
}

.results-footer_row {
    display: flex;
    justify-content: space-between;
}

.results-footer__light {
    background: rgba(255, 255, 255, 0.2);
}

.results-page--main {
    display: flex;
    flex-direction: column;

    .results-wrapper {
        flex: 1;
    }

    .results-title_panel-img-1 {
        width: 280px;
        position: absolute;
        top: 50%;
        left: calc(50vw - 690px);
        transform: translateY(-50px);

        img {
            max-width: 100%;
            width: 100%;
        }
    }

    .results-title_panel-img-2 {
        width: 240px;
        position: absolute;
        top: 50%;
        right: calc(50vw - 690px);
        transform: translateY(-200px);

        img {
            max-width: 100%;
            width: 100%;
        }
    }

    .results-title_panel-img-mobile {
        display: none;
    }

    .bg-pattern-1 {
        position: fixed;
        bottom: 0;
        left: -10vw;
        width: 65vw;
        height: 95vh;
        max-height: 1100px;
        background-color: #294ea1;
        background-blend-mode: color-burn;
        z-index: -1;
        background-size: 180%;
        background-position: top right;
    }

    .bg-pattern-2 {
        position: fixed;
        bottom: 0;
        right: -10vw;
        width: 65vw;
        height: 95vh;
        max-height: 1100px;
        background-color: #294ea1;
        background-blend-mode: color-burn;
        z-index: -1;
        background-size: 180%;
        background-position: top left;
    }
}

.results-page--main-hard {
    .results-title_panel-img-1 {
        width: 360px;
        left: calc(50vw - 730px);
    }

    .results-title_panel-img-2 {
        width: 300px;
        right: calc(50vw - 730px);
        transform: translateY(-170px);
    }
}

.bg-welcome-levels-top {
    position: fixed;
    z-index: 0;
    right: 8%;
    top: 70px;
    width: 31%;
    pointer-events: none;
}

@media (max-height: 980px) {
    .results-page--main {
        .results-wrapper {
            margin-top: 0;
            margin-bottom: auto;
            justify-content: flex-start;
        }
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .results-title {
        font-size: 2rem;
    }

    .results-content__item-title {
        font-size: 1.25rem;
    }

    .results-content__panel {
        padding: 1.5rem;
        margin: 1rem;
    }

    .results-content__panel-buttons {
        flex-direction: column;
        align-items: center;
    }

    .results-content__panel-buttons .btn {
        width: 100%;
        max-width: 300px;
    }

    .results-footer {
        padding: 1.5rem;
        margin: 1rem;
    }

    .results-footer__title {
        font-size: 1.25rem;
    }

    .results-proftest .results-wrapper {
        padding: 1rem 0;
    }

    .results-proftest .results-content__item-title {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .results-page--main {
        .results-title_panel-img-1 {
            display: none;
        }

        .results-title_panel-img-2 {
            display: none;
        }


    }

    .results-content {
        padding: 0 20px;
    }

    .results-page {
        .results-title {
            padding: 0 20px;
        }
    }

    .page-404 {
        .bg-pattern-top {
            right: 7%;
            top: 38px;
            width: 43%;
        }

        .bg-pattern-bottom {
            right: 12%;
            top: 590px;
            width: 21%;
        }

        .bg-pattern-atom {
            transform: translateX(-40%);
        }

        .results-wrapper {
            padding-top: 70px;
        }
    }

}

/* Анимации */
.results-proftest .results-content__item {
    animation: fadeInUp 0.8s ease-out;
}

.results-proftest .results-content__panel {
    animation: fadeInUp 1s ease-out 0.2s both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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


@media (max-width:450px) {
    .results-content__item-title {
        display: none;
    }

    .results-content__item-title--mobile {
        display: block;
        margin-bottom: 1em;
    }

    .results-proftest .results-wrapper {
        padding-bottom: 40px;
    }

    .results-footer_row {
        flex-direction: column;
    }

    .results-footer_column:first-child {
        border: none;
        padding-bottom: 30px;
        border-bottom: 1px solid #fff;
        margin-bottom: 30px;
    }

    .results-content__buttons {
        display: flex;
        flex-direction: column;
    }

    .results-content__item-text {
        font-size: 20px;
        line-height: 1.4;
    }

    .results-footer {
        width: 100%;
        min-width: auto;
        margin: 0 0 50px;
    }

    .results-content {
        padding: 0 20px;
    }

    .professions-container .results-content__item {
        display: flex;
        flex-direction: column;

    }

    .results-proftest .results-content__panel {
        margin: 16px auto;
    }

    .results-page {
        padding-top: 90px;

        .results-title_panel-info {
            font-weight: 400;
            font-size: 16px;
            line-height: 140%;
            text-align: center;
            height: 46px;
            border-radius: 24px;
            padding: 12px 24px;
            width: max-content;
            min-width: 180px;
            margin: 0 auto 16px;
        }

        .results-title {
            font-weight: 700;
            font-size: 32px;
            line-height: 110%;
            text-align: center;
        }

        .results-proftest .results-content__item-title {
            font-weight: 700;
            font-size: 20px;
            line-height: 140%;
            letter-spacing: -0.03em;
        }

        .results-content__panel-text p {
            font-weight: 400;
            font-size: 16px;
            line-height: 140%;
            letter-spacing: -0.03em;
        }

        .results-content__panel-buttons .btn {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 100%;
        }
    }

    .results-page--main {
        display: flex;
        flex-direction: column;

        .results-wrapper {
            flex: 1;
        }

        .results-title_panel-img-mobile {
            display: block;
            margin-bottom: 16px;

            img {
                max-width: 100%;
                width: 100%;
            }
        }

        .bg-pattern-1 {
            display: none;
        }

        .bg-pattern-2 {
            display: none;
        }

        .results-content__buttons {
            display: flex;
            flex-direction: column-reverse;

            .btn {
                width: 100%;
                text-align: center;
                justify-content: center;

                img {
                    display: none;
                }
            }
        }

    }

    .page-404 {

        .bg-pattern-1,
        .bg-pattern-2,
        .bg-pattern-top,
        .bg-pattern-bottom,
        .bg-pattern-atom {
            display: none;
        }
    }

    /* .results-page--main-hard {
        .results-title_panel-img-1 {
            display: block;
            position: static;
            transform: none
        }
        .results-title_panel-img-2 {
            display: none;
        }
    } */
}

/* ==========================================================================
   Оптимизированные стили для мгновенной загрузки результатов
   ========================================================================== */

/* Скрытые блоки профессий */
.profession-block {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

/* Анимация появления профессии */
.profession-block.revealing {
    opacity: 1;
    transform: translateY(0);
    position: relative;
}

/* Анимация элементов контента */
.profession-block .animate-in {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
}

.profession-block .animate-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Сообщение об отсутствии результатов */
.no-results-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;

    .wrap-image {
        width: 100%;
        max-width: 380px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            width: 100%;
            max-width: 100%;
        }
    }
}

.no-results-content {
    text-align: center;
    border-radius: 24px;
    padding: 40px 40px 56px;
    transform: translateY(20px);
    transition: all 0.6s ease;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 0 60px 0;
}

.page-404 .no-results-content {
    background: transparent;
    transform: translateY(0);
    padding: 32px 40px 56px;
}

.page-404 .no-results-content h1 {
    color: #fff;
    margin-bottom: 16px;
    font-size: 56px;
    font-weight: 700;
}

.page-404 .no-results-content p {
    color: #fff;
    margin-bottom: 64px;
    font-size: 26px;
    font-weight: 400;
}

.page-404 .no-results-content .btn {
    width: 100%;
    max-width: 386px;
    margin: 0 auto;
}

.no-results-message.visible {
    opacity: 1;
    transform: translateY(0);
}

.no-results-content h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
}

.no-results-content p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.no-results-content .btn {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    transition: all 0.3s ease;
    background: var(--color-primary-red);
    color: var(--color-white);
    box-shadow: var(--shadow-light);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 50px;
    height: 56px;
    padding: 16px 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: fit-content;
    margin: 30px auto 0;
}

/* Профессиональные изображения с оптимизацией загрузки */
.profession-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    pointer-events: none;
}

/* Предотвращение смещения контента при загрузке */
.professions-container {
    position: relative;
    min-height: 600px;
    /* Фиксированная высота для предотвращения скачков */

    img {
        width: 100%;
        pointer-events: none;
    }
}

/* Оптимизация производительности */
.profession-block:not(.revealing) {
    will-change: auto;
}

.profession-block.revealing {
    will-change: transform, opacity;
}

/* Анимация кнопок */
.results-content__panel-buttons .btn {
    animation: fadeInUp 0.6s ease forwards;
    animation-delay: 0.8s;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .no-results-content h2 {
        font-size: 24px;
    }

    .no-results-content p {
        font-size: 16px;
    }

    .results-content__item-title {
        font-size: 20px;
    }

    .professions-container {
        min-height: 500px;
    }

    .page-404 .no-results-content h1 {
        margin-bottom: 8px;
        font-size: 32px;
    }

    .page-404 .no-results-content p {
        margin-bottom: 48px;
        font-size: 20px;
    }
}

@media screen and (max-width:450px) {
    .results-title_panel {
        .img-wrapper {
            width: 244px;
            max-width: 244px;
            margin-bottom: -5px;
            margin-top: 15px;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }
    }

    .no-results-message .wrap-image {
        max-width: 320px;
        margin: 0 auto;
    }

    .page-404 .no-results-message .wrap-image {
        max-width: 320px;
    }

    .no-results-content {
        padding: 24px 16px 40px;
    }

    .no-results-content .btn {
        width: 100%;
        max-width: 100%;
    }

    .professions-container {
        min-height: fit-content;
    }

    .page-404 .professions-container {
        min-height: 450px;
    }

    .page-404 .no-results-content h1 {
        margin-bottom: 8px;
        font-size: 32px;
    }

    .page-404 .no-results-content p {
        margin-bottom: 48px;
        font-size: 20px;
    }

    .page-404 .no-results-content .btn {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
}/* Модальное окно */
.page-template {
	.modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		display: none;
		opacity: 0;
		visibility: hidden;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.modal.active {
		display: flex;
		opacity: 1;
		visibility: visible;
	}

	.modal.closing {
		opacity: 0;
		visibility: hidden;
	}

	.modal .modal__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
		backdrop-filter: blur(8px);
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		z-index: 1;
	}

	.modal .modal__container {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
		z-index: 2;
	}

	.modal .modal__content {
		background: var(--white);
		border-radius: 32px;
		padding: 32px 32px 56px 32px;
		max-width: min-content;
		width: 100%;
		max-height: 90vh;
		max-height: 90dvh;
		overflow: hidden;
		position: relative;
		box-shadow:
			0 20px 60px rgba(0, 0, 0, 0.15),
			0 8px 24px rgba(0, 0, 0, 0.1);
		transform: scale(0.9) translateY(20px);
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		display: flex;
		flex-direction: column;
		z-index: 3;
		min-width: 450px;
	}

	.modal--alert .modal__content {
		max-width: 580px;
	}

	.modal--info .modal__content {
		max-width: 520px;
	}

	.modal--info .modal__content .modal__buttons {
		width: 100%;
    max-width: 360px;
	}

	.modal.modal--sharing .modal__title {
		text-align: center;
		padding: 0 2em;
	}

	.modal.modal--sharing .modal__header {
		margin-bottom: 8px;
	}

	.modal--sharing .modal__content {
		max-width: 490px;
		color: #272726;
		text-align: center;
	}

	.modal__sharing-buttons {
		display: flex;
		gap: 32px;
		justify-content: center;
		align-items: center;
		margin-top: 56px;

		.sharing-button {
			width: 72px;
			height: 72px;
			img {
				width: 100%;
				max-width: 100%;
			}
		}
	}

	.modal.active .modal__content {
		transform: scale(1) translateY(0);
	}

	.modal.closing .modal__content {
		transform: scale(0.9) translateY(20px);
	}

	.modal .modal__close {
		position: absolute;
		padding: 0;
		top: 22px;
		right: 20px;
		width: 40px;
		height: 40px;
		border: none;
		background: transparent;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		color: var(--color-text-secondary);
		animation: fadeInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
		z-index: 2;
	}

	.modal .modal__close:hover {
		background: rgba(0, 0, 0, 0.05);
		color: var(--color-text-dark);
		transform: scale(1.1);
	}

	.modal .modal__header {
		text-align: center;
		margin-bottom: 24px;
		flex-shrink: 0;
		animation: fadeInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
	}

	.modal .modal__title {
		font-family: var(--font-primary);
		font-weight: 700;
		font-size: 20px;
		line-height: 140%;
		color: #272726;
		margin: 0 auto 0 0;
		text-align: left;
		padding-right: 2em;
	}

	.modal--alert .modal__title, .modal--info .modal__title {
		text-align: center;
		padding: 0;
		font-size: 26px;
	}

	.modal .modal__subtitle {
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: var(--color-text-secondary);
		margin: 0;
	}

	/* Форма */
	.modal .modal__form {
		display: flex;
		flex-direction: column;
		gap: 24px;
		flex: 1;
		overflow: visible;
		padding: 0;
		margin: 0;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
	}

	.modal--registration .modal__form {
		min-width: 450px;
		gap:12px
	}

	.form__group {
		display: flex;
		flex-direction: column;
		gap: 8px;
		animation: fadeInUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	}

	.form__group:nth-child(1) {
		animation-delay: 0.3s;
	}

	.form__group:nth-child(2) {
		animation-delay: 0.4s;
	}

	.form__group:nth-child(3) {
		animation-delay: 0.5s;
	}

	.form__group:nth-child(4) {
		animation-delay: 0.6s;
	}
	
	.form__group:nth-child(5) {
		animation-delay: 0.7s;
	}
	
	.form__group:nth-child(6) {
		animation-delay: 0.8s;
	}
	
	.form__group:nth-child(7) {
		animation-delay: 0.9s;
	}
	
	.form__group:nth-child(8) {
		animation-delay: 1.0s;
	}
	
	.form__group:nth-child(9) {
		animation-delay: 1.1s;
	}
	
	.form__group:nth-child(10) {
		animation-delay: 1.2s;
	}
	
	

	.form__label {
		font-family: var(--font-primary);
		font-weight: 500;
		font-size: 14px;
		line-height: 120%;
		color: var(--color-text-dark);
	}

	.form__input {
		width: 100%;
		height: 48px;
		padding: 0 16px;
		border: 1px solid rgba(42, 58, 95, 0.2);
		border-radius: 8px;
		background: var(--white);
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 14px;
		line-height: 140%;
		color: #2a3a5f;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		box-sizing: border-box;
	}

	.form__input:focus {
		outline: none;
		border-color: var(--color-primary-blue);
		box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
		transform: translateY(-1px);
	}

	.form__input::placeholder {
		color: var(--color-text-secondary);
	}

	/* Стили для валидации */
	.form__input.error {
		border-color: #ef4444;
		box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
		background-color: #fef2f2;
	}

	.form__input.success {
		border-color: #10b981;
		box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
		background-color: #f0fdf4;
	}

	.form__checkbox-label.error {
		color: #ef4444;
	}

	.form__checkbox-label.error .form__checkbox {
		border-color: #ef4444;
		box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
	}

	/* Анимация тряски для ошибок */
	@keyframes shake {
		0%, 100% { transform: translateX(0); }
		10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
		20%, 40%, 60%, 80% { transform: translateX(5px); }
	}

	.form__checkbox-label {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		margin-top: 12px;
	}

	.form__checkbox-label:hover {
		transform: translateX(4px);
	}

	.form__checkbox {
		width: 20px;
		height: 20px;
		margin: 0;
		flex-shrink: 0;
		margin-top: 2px;
		accent-color: var(--color-primary-blue);
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.form__checkbox:hover {
		transform: scale(1.1);
	}

	.form__checkbox-text {
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: #272726;
	}

	.form__hint {
		font-family: var(--font-primary);
		font-weight: bold;
		font-size: 14px;
		line-height: 140%;
		color: #000;
		margin: 0;
		padding: 0 16px;
	}

	.form__agreement-text,
	.form__link {
		font-family: var(--font-primary);
		font-size: 16px;
		line-height: 140%;
		letter-spacing: 0px;
		color: #939393;
	}

	.form__link {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	.form__submit {
		width: 100%;
		height: 48px;
		background: #a6abb6;
		border: none;
		border-radius: 100px;
		color: var(--white);
		font-family: var(--font-primary);
		font-weight: 500;
		font-size: 20px;
		line-height: 120%;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		position: relative;
		overflow: hidden;
		flex-shrink: 0;
		margin-top: auto;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
		text-transform: none;
	}

	.form__success {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		padding: 82px 70px 98px;
	}

	.form__success svg {
		animation: successBounce 0.6s ease-out;
	}

	.form__success-text {
		font-family: var(--font-primary);
		font-weight: 700;
		font-size: 20px;
		line-height: 140%;
		letter-spacing: 0px;
		color: #272726;
	}

	.modal--registration .form__submit {
		margin-top: 12px;
	}

	.modal__form:has(input[type="text"][id^="userName_"]:not(:placeholder-shown)):has(input[type="email"]:valid):has(input[type="text"][id^="userCountry_"]:not(:placeholder-shown)):has(input[type="checkbox"]:checked) .form__submit {
		background: #EB4A45;
	}

	.modal__form:has(input[type="text"][id^="userName_"]:not(:placeholder-shown)):has(input[type="email"]:valid):has(input[type="text"][id^="userCountry_"]:not(:placeholder-shown)):has(input[type="checkbox"]:checked) .form__submit:hover {
		background: #D63D38;
		transform: translateY(-1px);
	}

	.modal__form:has(input[type="email"]:valid):has(input[type="checkbox"]:checked):not(:has(input[type="text"][id^="userName_"])) .form__submit {
		background: #EB4A45;
	}

	.modal__form:has(input[type="email"]:valid):has(input[type="checkbox"]:checked):not(:has(input[type="text"][id^="userName_"])) .form__submit:hover {
		background: #D63D38;
		transform: translateY(-1px);
	}

	.form__submit:hover {
		background: #939393;
		transform: translateY(-1px);
	}

	/* Alert/Info модальные окна */
	.modal--alert .modal__header, .modal--info .modal__header {
		text-align: center;
		margin-bottom: 8px;
	}

	.modal--alert .modal__body, .modal--info .modal__body {
		display: flex;
		flex-direction: column;
		gap: 32px;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
	}

	.modal__message {
		text-align: center;
	}

	.modal--alert .modal__message, .modal--info .modal__message {
		padding: 0 32px;
	}

	.modal__message p {
		font-family: var(--font-primary);
		font-weight: 400;
		font-size: 20px;
		line-height: 140%;
		color: #272726;
		margin: 0;
	}

	.modal__message p:last-child {
		margin-bottom: 0;
		margin-top: 10px;
	}

	.modal__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 24px;
	}

	.modal--info .modal__body .modal__icon {
		margin-bottom: -24px;
	}

	.modal__icon svg {
		width: 56px;
		height: 56px;
	}

	.modal--info .modal__body {
		display: flex;
		flex-direction: column;
		gap: 32px;
		align-items: center;
		text-align: center;
		animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
	}

	.modal--info .modal__message {
		font-family: var(--font-primary);
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2;
		color: var(--color-text-dark);
		padding: 0;

		&.feedback-success-message p{
			font-size:26px;
			font-weight: 700;
		}
	}

	.modal__buttons {
		display: flex;
		gap: 16px;
		justify-content: center;
		flex-wrap: nowrap;
	}

	.modal__button {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		text-decoration: none;
		width: auto;
		min-width: max-content;
		flex-grow: 1;

		&.btn--outline-black{
			border-color:#2A3A5F
		}
	}

	@media (max-width: 768px) {
		.modal__buttons {
			flex-direction: column;
		}

		.modal__button {
			width: 100%;
		}
		
		.modal__message p {
			font-size: 16px;
		}
	}

	@media (max-width: 450px) {
		.modal__buttons {
			display: flex;
			gap: 16px;
			flex-direction: column-reverse;
			align-items: center;
		}
		.modal__button {
			height: 48px;
		}
	}






	.form__submit:active {
		transform: translateY(0);
	}

	.form__submit-text {
		position: relative;
		z-index: 2;
	}

	.form__submit-icon {
		position: relative;
		z-index: 2;
		transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.form__submit:hover .form__submit-icon {
		transform: translateX(6px) scale(1.1);
	}

	.form__submit:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}

	.form__submit.loading {
		opacity: 0.8;
	}

	.form__submit.loading .form__submit-text {
		opacity: 0.7;
	}

	/* Адаптивность */
	@media (max-width: 768px) {
		.modal__content {
			padding: 24px;
			margin: 20px;
			max-width: none;
		}

		.modal__title {
			font-size: 24px;
		}

		.modal__subtitle {
			font-size: 14px;
		}
	}

	@media (max-width: 450px) {
		.modal .modal__content {
			border-radius: 16px;
			padding: 16px 16px 32px;
			margin: 0px;
			max-width: none;
			min-width: 80vw;
		}
		.modal .modal__title {
			font-size: 18px;
			line-height: 140%;
		}
		.form__agreement-text,
		.form__link {
			font-size: 14px;
		}
		.modal .modal__close {
			top: 10px;
			right: 4px;
		}
		.form__submit {
			font-size: 20px;
			line-height: 120%;
		}
		.form__checkbox-text {
			font-size: 14px;
		}
	}
}

/* Стили для модального окна успешной подписки CTA */
.cta-success-modal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 60px 40px;
	gap: 24px;
}

.cta-success-modal__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: successBounce 0.6s ease-out;
}

.cta-success-modal__title {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 32px;
	line-height: 120%;
	color: var(--color-text-primary);
	margin: 0;
	animation: fadeInUp 0.6s ease-out 0.2s both;
}

.cta-success-modal__description {
	font-family: var(--font-primary);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--color-text-secondary);
	margin: 0;
	opacity: 0.8;
	animation: fadeInUp 0.6s ease-out 0.4s both;
}

/* Анимация для иконки успеха */
@keyframes successBounce {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Адаптивность для модального окна успешной подписки */
@media (max-width: 768px) {
	.cta-success-modal {
		padding: 40px 20px;
		gap: 20px;
	}

	.cta-success-modal__icon svg {
		width: 64px;
		height: 64px;
	}

	.cta-success-modal__title {
		font-size: 24px;
	}

	.cta-success-modal__description {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.page-template{
		
		.modal .modal__content {
			min-width: 320px;
		}

		.cta-success-modal {
			padding: 30px 16px;
			gap: 16px;
		}

		.cta-success-modal__icon svg {
			width: 56px;
			height: 56px;
		}

		.cta-success-modal__title {
			font-size: 20px;
		}

		.cta-success-modal__description {
			font-size: 14px;
		}

		.modal--registration .modal__form, 	.modal--alert .modal__content, .modal--info .modal__content {
			min-width: 320px;
		}

		.modal--alert .modal__message, .modal--info .modal__message {
			padding: 0;
		}

		.modal--alert .modal__title, .modal--info .modal__title, .modal .modal__title {
			font-size: 18px;
		}

		.modal__sharing-buttons {
			gap: 16px;
			margin-top: 24px;
	
			.sharing-button {
				width: 40px;
				height: 40px;
			}
		}
	}

}

/* Стили для оверлея успешного состояния в модальном окне */
.modal-success-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 1);
	border-radius: 16px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 10;
	animation: modalSuccessFadeIn 0.3s ease-out;
}

.modal-success-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	text-align: center;
}

.modal-success-icon {
	animation: modalSuccessIconBounce 0.6s ease-out;
}

.modal-success-text {
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 24px;
	color: var(--color-text-primary);
	animation: modalSuccessTextFadeIn 0.6s ease-out 0.2s both;
	text-align: center;
	margin: 0 auto;
	max-width: 80%;
}

.modal-success-fade-out {
	animation: modalSuccessFadeOut 0.3s ease-out;
}

/* Анимации для успешного состояния модального окна */
@keyframes modalSuccessFadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes modalSuccessFadeOut {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(0.9);
	}
}

@keyframes modalSuccessIconBounce {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes modalSuccessTextFadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}








/* Комбобокс стран */
.form__group--country {
    position: relative;
	z-index: 1;
}

.form__input--country-select-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.country-combobox__list {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 4px);
    z-index: 50;
    max-height: 260px;
    overflow-y: auto;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.country-combobox__item {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3;
    cursor: pointer;
    color: #272726;
}

.country-combobox__item.is-active,
.country-combobox__item:hover {
    background: #f5f5f5;
}


/* Load after the existing modal styles. Scoped to registration only. */
.page-template .modal.modal--registration .modal__content {
    box-sizing:border-box; width:890px; max-width:100%; min-width:0;
    background:#596bf5; color:#fff; border-radius:40px;
    padding:38px clamp(22px,9vw,114px) 44px; overflow-y:auto;
    scrollbar-width:thin; max-height:92dvh;
}
.page-template .modal.modal--registration .modal__form {min-width:0; flex:none; gap:20px; overflow:visible; animation:none}
.page-template .modal.modal--registration .modal__title {color:white;text-align:center;font-size:40px;line-height:1.2;padding:0;margin:0}
.page-template .modal.modal--registration .modal__header {margin-bottom:20px;animation:none}
.page-template .modal.modal--registration .modal__close {color:white;top:8px;right:8px}
.page-template .modal.modal--registration .form__group {animation:none;gap:12px;min-width:0;margin:0}
.page-template .modal.modal--registration .form__input {
    height:70px;border-radius:40px;background:#939ef7;border:1px solid transparent;
    padding:0 24px;color:white;font:inherit;font-size:23px;box-shadow:none;transform:none;min-width:0;
}
.page-template .modal.modal--registration .form__input::placeholder {color:white;opacity:1}
.page-template .modal.modal--registration .form__input:focus-visible,
.page-template .modal.modal--registration .form__group.is-open {outline:1px solid #f7fb50;outline-offset:0}
.page-template .modal.modal--registration .form__group--country {border-radius:40px;background:#939ef7;z-index:auto;gap:0}
.page-template .modal.modal--registration .form__group--country.is-open {padding-bottom:22px}
.page-template .modal.modal--registration .country-combobox__toggle,
.page-template .modal.modal--registration .registration-date__toggle {display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;flex-shrink:0;width:100%;gap:12px}
.country-combobox__toggle::after {content:'';width:15px;height:15px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);margin-right:4px;margin-top:-8px;flex-shrink:0}
.registration-date__toggle::after {content:'';width:27px;height:27px;flex-shrink:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='6' width='26' height='23' rx='4'/%3E%3Cpath d='M9 2v8m14-8v8M3 14h26M9 19h3m5 0h3m-11 5h3m5 0h3'/%3E%3C/svg%3E")}
.page-template .modal.modal--registration .country-combobox__panel {padding:0 24px}
.page-template .modal.modal--registration [hidden] {display:none!important}
.country-combobox__search {position:relative}
.country-combobox__search::before {content:'';position:absolute;left:20px;top:20px;width:13px;height:13px;border:2px solid white;border-radius:50%;pointer-events:none}
.country-combobox__search::after {content:'';position:absolute;left:34px;top:35px;width:10px;height:2px;background:white;transform:rotate(45deg);pointer-events:none}
.page-template .modal.modal--registration .form__input--country-filter {height:60px;border:1px solid white;padding-left:54px}
.page-template .modal.modal--registration .country-combobox__list {position:static;max-height:190px;background:transparent;border:0;border-radius:0;box-shadow:none;margin:16px 0 0;padding:0;overflow-y:auto;list-style:none}
.page-template .modal.modal--registration .country-combobox__item {color:white;font:inherit;font-size:23px;padding:7px 0;border-radius:8px;cursor:pointer}
.page-template .modal.modal--registration .country-combobox__item.is-active,
.page-template .modal.modal--registration .country-combobox__item:hover {background:rgba(255,255,255,.16)}
.country-combobox__empty {color:white;margin:16px 0 0}
.page-template .modal.modal--registration .registration-date-source,
.page-template .modal.modal--registration .form__input--country-select-hidden {position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);padding:0!important;overflow:hidden;opacity:0;pointer-events:none}
.page-template .modal.modal--registration .form__group--birth,
.page-template .modal.modal--registration .form__group--birth.is-open {position:relative;border-radius:40px;outline:none}
.page-template .modal.modal--registration .form__group--birth.is-open .registration-date__toggle {border-color:#f7fb50}
.page-template .modal.modal--registration .form__input.error,
.page-template .modal.modal--registration .form__group--country:has(.error) .country-combobox__toggle,
.page-template .modal.modal--registration .form__group--birth:has(.error) .registration-date__toggle {border-color:#ffb4b4;box-shadow:0 0 0 2px #b32e40}
.page-template .modal.modal--registration .form__input.success {background:#939ef7;border-color:transparent}
.registration-calendar {box-sizing:border-box;background:white;color:#080808;border-radius:40px;padding:25px;font-size:18px}
.registration-calendar button,.registration-calendar select {font:inherit;color:inherit;cursor:pointer;box-sizing:border-box}
.registration-calendar__selectors {display:flex;gap:42px;margin-bottom:16px}
.registration-calendar__selectors select {width:0;flex:1;min-width:0;border:1px solid #c4c4c4;background:white;border-radius:30px;padding:12px 18px}
.registration-calendar__nav {display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}
.registration-calendar__nav strong {font-size:22px}
.registration-calendar__arrow {border:0;background:transparent;font-size:32px!important;line-height:1;width:34px;height:38px}
.registration-calendar__grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px 0;text-align:center;align-items:center}
.registration-calendar__grid>span {padding:6px 0}
.registration-calendar__day {justify-self:center;border:0;border-radius:50%;background:transparent;width:36px;height:32px;padding:0}
.registration-calendar__day.is-selected {background:#dbe0ff}
.registration-calendar__day:hover:not(:disabled) {background:#edf0ff}
.registration-calendar button:focus-visible,.registration-calendar select:focus-visible {outline:2px solid #596bf5;outline-offset:2px}
.registration-calendar button:disabled,.registration-calendar option:disabled {opacity:.3;cursor:default}
.registration-calendar__actions {display:flex;justify-content:center;gap:16px;margin-top:18px}
.registration-calendar__actions button {border:0;border-radius:32px;padding:12px 34px;font-size:20px;font-weight:700;color:white}
.registration-calendar__cancel {background:#939ef7}
.registration-calendar__apply {background:#596bf5}
.page-template .modal.modal--registration .form__checkbox-label {align-items:flex-start;margin:0;gap:16px;transform:none}
.page-template .modal.modal--registration .form__checkbox {appearance:none;width:26px;height:26px;border-radius:4px;background:#939ef7;border:1px solid transparent;transform:none;display:grid;place-content:center}
.page-template .modal.modal--registration .form__checkbox:checked::after {content:'✓';font-size:20px;color:white}
.page-template .modal.modal--registration .form__checkbox:focus-visible {outline:2px solid #f7fb50;outline-offset:3px}
.page-template .modal.modal--registration .form__checkbox-text,
.page-template .modal.modal--registration .form__agreement-text,
.page-template .modal.modal--registration .form__link {font-size:16px;line-height:1.5;color:#dce0ff}
.page-template .modal.modal--registration .form__submit,
.page-template .modal.modal--registration .form__submit:hover {width:66%;align-self:center;height:80px;margin:0;background:#f7fb50;color:black;font-size:30px;font-weight:700;animation:none;transform:none}
.page-template .modal.modal--registration .form__hint {color:white}
@media(max-width:600px) {
 .page-template .modal.modal--registration .modal__content {padding:34px 18px 26px;border-radius:28px;margin:0;min-width:0}
 .page-template .modal.modal--registration .modal__container {padding:12px}
 .page-template .modal.modal--registration .modal__title {font-size:30px}
 .page-template .modal.modal--registration .form__input {height:56px;font-size:18px;padding:0 18px}
 .page-template .modal.modal--registration .modal__form {gap:16px}
 .page-template .modal.modal--registration .country-combobox__panel {padding:0 16px}
 .page-template .modal.modal--registration .form__input--country-filter {padding-left:48px}
 .page-template .modal.modal--registration .country-combobox__item {font-size:18px}
 .registration-calendar {padding:16px 10px;border-radius:28px;font-size:15px}
 .registration-calendar__selectors {gap:12px}.registration-calendar__selectors select {padding:10px}
 .registration-calendar__nav strong {font-size:18px}.registration-calendar__day {width:30px;height:30px}
 .registration-calendar__actions {gap:12px}.registration-calendar__actions button {padding:10px 24px;font-size:17px}
 .page-template .modal.modal--registration .form__checkbox-text,.page-template .modal.modal--registration .form__link {font-size:13px}
 .page-template .modal.modal--registration .form__submit {width:80%;height:62px;font-size:25px}
}

.page-template .modal.modal--registration .modal__content {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.page-template .modal.modal--registration .modal__content::-webkit-scrollbar {
    display: none;
    width: 0;
}.winners-page {
    min-height: 100vh;
    min-height: 100dvh;
    background: #294ea1;
    position: relative;
    overflow-x: hidden;
    padding-top: 140px;

    img {
        pointer-events: none;
    }
}

.winners-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 588px;
    margin: 0 auto;
    padding: 0 1rem 6rem;

    .img-wrapper {
        pointer-events: none;
    }
}

.winners-wrapper .bg-pattern-3 {
    position: fixed;
    bottom: auto;
    right: 0;
    width: 400px;
    height: 420px;
    max-height: 1100px;
    z-index: -1;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.winners-wrapper .bg-pattern-4 {
    position: fixed;
    bottom: 10vh;
    left: 100px;
    width: 400px;
    height: 420px;
    max-height: 1100px;
    z-index: -1;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.2;
    transform: rotate(-45deg);
}

.winners-wrapper .bg-pattern-5 {
    position: fixed;
    top: 70px;
    width: 40vw;
    bottom: auto;
    right: 0;
    height: 110px;
    background-color: #294ea1;
    background-blend-mode: color-burn;
    z-index: -1;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.winners-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 56px;
    line-height: 110%;
    text-align: center;
    color: #fff;
    margin: 0 auto 20px;
}

.winners-subtitle {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #fff;
    margin: 0 auto 40px;
    opacity: 0.9;
}

.winners-search {
    width: 100%;
    margin: 0 auto 32px;
}

.winners-search__wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.winners-search__icon {
    position: absolute;
    left: 20px;
    width: 14px;
    height: 14px;
    color: #9ca3af;
    pointer-events: none;
    z-index: 1;
}

.winners-search__input {
    width: 100%;
    height: 48px;
    padding: 12px 20px 12px 48px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #fff;
    border-radius: 8px;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.winners-search__input::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.winners-search__input:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.1);
    border-color: #3cd39d;
}

.winners-content {
    width: 100%;
    max-width: 588px;
    margin: 0 auto;
}

.ajax-result {
    transition: opacity 0.3s ease;
}

.winners-loading,
.winners-error,
.winners-empty {
    text-align: center;
    color: #fff;
    font-family: var(--font-family);
    font-size: 18px;
    padding: 40px 20px;
}

.winners-table {
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    backdrop-filter: blur(10px);
    padding: 24px;
    box-shadow: 0 20px 40px rgba(9, 20, 66, 0.2);
}

.winners-table__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.winners-table__head-cell {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.05em;
    padding-left: 26px;
}

.winners-table__head-cell--id {
    text-align: right;
    padding-right: 33px;
    padding-left: 0;
}

.winners-table__body {
    overflow: hidden;
    padding-top: 12px;
}

.winners-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    align-items: center;
    gap: 16px;
    padding: 12px 24px;
    transition: background-color 0.2s ease;
    border-radius: 8px;
    cursor: default;
}



.winners-table__row:nth-child(even) {
    background: rgba(255, 255, 255, 0.05);
}

.winners-table__row:hover {
    background: #38589F;
}

.winners-table__row--empty {
    grid-template-columns: 1fr;
    cursor: default;
    margin-bottom: 0;
}

.winners-table__row--empty:hover {
    background: transparent;
}

.winners-table__row--active {
    background: #38589F;
}

.winners-table__cell {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.winners-table__cell--name {
    word-break: break-word;
}

.winners-table__cell--id {
    text-align: right;
    font-weight: 500;
}

.winners-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
    flex-wrap: wrap;
}

.winners-pagination__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

.winners-pagination__btn:hover:not(.disabled) {
    background-color: #0E317F;
}

.winners-pagination__btn.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.winners-pagination__btn svg {
    width: 100%;
    height: auto;
}

.winners-pagination__pages {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.winners-pagination__page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: transparent;
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.winners-pagination__page:hover:not(.active) {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.winners-pagination__page.active {
    background: #fff;
    color: #294ea1;
    border-color: #fff;
    font-weight: 600;
}

.winners-pagination__ellipsis {
    color: rgba(255, 255, 255, 0.6);
    font-family: var(--font-family);
    font-size: 14px;
    padding: 0 4px;
}

.winners-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.winners-footer__button {
    min-width: 340px;
    text-align: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .winners-page {
        padding-top: 100px;
    }

    .winners-wrapper {
        padding: 0 1rem 4rem;
    }

    .winners-title {
        font-size: 36px;
        margin-bottom: 16px;
    }

    .winners-subtitle {
        font-size: 18px;
        margin-bottom: 32px;
    }

    .winners-search {
        margin-bottom: 32px;
    }

    .winners-search__input {
        height: 48px;
        padding: 12px 16px 12px 48px;
        font-size: 16px;
    }

    .winners-search__icon {
        left: 16px;
        width: 18px;
        height: 18px;
    }

    .winners-table__head,
    .winners-table__row {
        padding: 12px 16px;
        gap: 12px;
    }

    .winners-table__head-cell,
    .winners-table__cell {
        font-size: 16px;
    }

    .winners-table__cell--name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .winners-table__body {
        max-height: 400px;
    }

    .winners-pagination {
        margin-top: 32px;
        gap: 12px;
    }

    .winners-pagination__btn,
    .winners-pagination__page {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 16px;
    }

    .winners-pagination__btn svg {
        width: 18px;
        height: 18px;
    }

    .winners-footer {
        margin-top: 40px;
    }
}

@media screen and (max-width: 480px) {
    .winners-wrapper .results-title_panel {
        display: none;
    }

    .winners-subtitle {
        padding: 0 32px;
        font-size: 20px;
    }

    .winners-title {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .winners-wrapper {
        padding: 0 20px 80px;
    }

    .winners-table {
        padding: 16px;
        border-radius: 16px;
    }

    .winners-search {
        margin-bottom: 16px;
    }

    .winners-table__head-cell,
    .winners-table__cell {
        font-size: 14px;
        line-height: 1;
    }

    .winners-table__cell--name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .winners-pagination {
        margin-top: 20px;
        gap: 3px;
    }

    .winners-pagination__page {
        font-size: 14px;
    }

    .winners-table__head-cell {
        padding-left: 2px;
    }

    .winners-table__head-cell--id {
        padding-left: 0;
        padding-right: 9px;
    }

    .winners-table__row {
        margin-bottom: 0;
        padding: 14px 16px;
    }

    .winners-table__head {
        padding: 6px 14px 14px;
    }

    .winners-table__body {
        max-height: 430px;
    }

}:root{--preloader-bg-color:#222548;--preloader-primary-color:#ffffff;--preloader-secondary-color:#ffad2b;--preloader-accent-color:#ff6b6b;}