@font-face{
  font-family:"Orbitron";
  src:url("/fonts/orbitron-v35-latin-regular.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Orbitron";
  src:url("/fonts/orbitron-v35-latin-500.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-500.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Orbitron";
  src:url("/fonts/orbitron-v35-latin-700.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-700.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Orbitron";
  src:url("/fonts/orbitron-v35-latin-900.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-900.woff") format("woff");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Roboto";
  src:url("/fonts/roboto-v51-latin-regular.woff2") format("woff2"), url("/fonts/roboto-v51-latin-regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Roboto";
  src:url("/fonts/roboto-v51-latin-500.woff2") format("woff2"), url("/fonts/roboto-v51-latin-500.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Roboto";
  src:url("/fonts/roboto-v51-latin-600.woff2") format("woff2"), url("/fonts/roboto-v51-latin-600.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Roboto";
  src:url("/fonts/roboto-v51-latin-700.woff2") format("woff2"), url("/fonts/roboto-v51-latin-700.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Roboto";
  src:url("/fonts/roboto-v51-latin-900.woff2") format("woff2"), url("/fonts/roboto-v51-latin-900.woff") format("woff");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

@keyframes loader-pulse{
     0%,
     100%{
         transform:rotate(45deg) scale(0.5);
         opacity:0.4;
         filter:hue-rotate(-15deg);
     }

     50%{
         transform:rotate(45deg) scale(1.2);
         opacity:0.9;
         filter:hue-rotate(0deg);
     }
 }

@keyframes coockie-in{
     from{
         opacity:0;
         transform:translateX(120%);
     }

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

@keyframes footer-rise{
     from{
         transform:translateY(100%);
         opacity:0;
     }

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

@keyframes popup-fade-in{
     from{
         opacity:0;
     }

     to{
         opacity:1;
     }
 }

@keyframes popup-slide-in{
     from{
         transform:translate(-50%, calc(-50% + 1.5vw));
         opacity:0;
     }

     to{
         transform:translate(-50%, -50%);
         opacity:1;
     }
 }

@keyframes popup-slide-up-auth{
     from{
         opacity:0;
         transform:translateY(2.2rem) scale(0.97);
     }

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

@keyframes popup-btn-wobble{
     0%, 100%{ rotate:-1.6deg; }
     50%{ rotate:1.6deg; }
 }

@keyframes ms-map-in{
     from{ opacity:0; transform:translateY(-17%) scale(0.7); }
     to{ opacity:1; transform:none; }
 }

@keyframes ms-tablet-in{
     from{ opacity:0; transform:translateX(-45%) rotate(-75deg); }
     to{ opacity:1; transform:rotate(-30deg); }
 }

@keyframes ms-pen-in{
     from{ opacity:0; transform:translateY(100%) rotate(-45deg) scaleX(-1); }
     to{ opacity:1; transform:rotate(-15deg) scaleX(-1); }
 }

@keyframes ms-mug-in{
     from{ opacity:0; transform:translateY(-80%) rotate(-50deg); }
     to{ opacity:1; transform:translateY(0) rotate(150deg); }
 }

@keyframes ms-flesh-in{
     from{ opacity:0; transform:translate(-30%, 60%) rotate(4deg); }
     to{ opacity:1; transform:rotate(30deg); }
 }

@keyframes ms-pager-in{
     from{ opacity:0; transform:translate(60%, -50%) rotate(16deg); }
     to{ opacity:1; transform:translateY(-50%) rotate(30deg); }
 }

@keyframes ms-country-flash{
     0%{ fill-opacity:0; stroke-opacity:0; }
     45%{ fill-opacity:1; stroke-opacity:1; }
     100%{ fill-opacity:0; stroke-opacity:0; }
 }

@keyframes ms-flag-in{
     from{ opacity:0; scale:0.35; }
     to{ opacity:1; scale:1; }
 }

@keyframes ms-title-reveal{
     from{ -webkit-mask-position:0 100%; mask-position:0 100%; }
     to{ -webkit-mask-position:0 0%;   mask-position:0 0%; }
 }

@keyframes ms-hint-in{
     from{ opacity:0; transform:translateX(2.5rem); }
     to{ opacity:1; transform:none; }
 }

@keyframes act-tablet-in{
     from{ opacity:0; transform:scale(0.86) translateY(3%); }
     to{ opacity:1; transform:none; }
 }

@keyframes act-pop-in{
     from{ opacity:0; scale:0.8; }
     to{ opacity:1; scale:1; }
 }

@keyframes act-rise{
     from{ opacity:0; translate:0 34%; }
     to{ opacity:1; translate:0 0; }
 }

.loader{
    position:fixed;
    inset:0;
    z-index:var(--z-overlay);
    transition:opacity 0.3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(50% 55.69% at 50% 48.98%, rgba(29, 22, 17, 0.315) 0%, #090F17 100%);
    gap:3.25rem;
}

.loader .loader__rhombus{
      width:3.25rem;
      height:3.25rem;
      background-color:#1797FD;
      transform:rotate(45deg);
      animation:loader-pulse 1.2s infinite ease-in-out;
      box-shadow:0 0 15px #7fbbec;
    }

.loader .loader__rhombus:nth-child(1){ animation-delay:-0.36s; }

.loader .loader__rhombus:nth-child(2){ animation-delay:-0.24s; }

.loader .loader__rhombus:nth-child(3){ animation-delay:-0.12s; }

.loader .loader__rhombus:nth-child(4){ animation-delay:0s; }

.loader::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
}

.loader.hide{
    opacity:0;
    pointer-events:none;
}

@media (max-width: 767px){
    .loader{
        gap:1.5rem;
    }

    .loader__rhombus{
        width:1.5rem !important;
        height:1.5rem !important;
    }
}

html{
    scrollbar-width:none;
    -ms-overflow-style:none;

}

html::-webkit-scrollbar{
    display:none;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav{
    display:block;
}

body{
    line-height:1;
}

ol,
ul{
    list-style:none;
}

blockquote,
q{
    quotes:none;
}

blockquote::after,
blockquote::before,
q::after,
q::before{
    content:"";
    content:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

*{
    box-sizing:border-box;
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

a{
    cursor:pointer;
    text-decoration:none;
    color:inherit;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

button{
    cursor:pointer;
    border:none;
    background:none;
    font:inherit;
    color:inherit;
}

:root{
    --font-primary:"Roboto", sans-serif;
    --font-secondary:"Orbitron", sans-serif;
    --color-white-1:#FFFFFF;

    --color-grey-1:#B3C7E4;
    --color-grey-2:#8194B1;
    --color-grey-3:#4F5E73;
    --color-grey-4:#E9F3F6;

    --color-black-1:#090F17;

    --color-blue-1:#1797FD;
    --color-blue-2:#1DC3FF;

    --color-pt-1:#E01933;
    --color-pt-2:#FFA498;

    --color-ro-1:#FD8217;
    --color-ro-2:#FDC017;

    --color-it-1:#1AD081;
    --color-it-2:#5DFFAE;

    --color-cs-1:#5178B4;
    --color-cs-2:#99BEF6;

    --color-uk-1:#1DC3FF;
    --color-uk-2:#1797FD;
    --color-uk-3:#1DF0FF;
    --z-consent:10000;
    --z-logo:9000;
    --z-overlay:8000;
    --z-popup:7000;
    --z-content:1;
}

body{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    overflow:hidden;
    font-family:var(--font-primary);
    color:var(--color-white-1);

    background-color:#0E2856;
    background-image:url("/images/bg/bg-main-1.avif");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.main{
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex:1;
    min-height:0;
    z-index:var(--z-content);
}

@media (max-width: 767px){

.main{
        overflow:hidden;
}
    }

.content{
    position:relative;
    width:100%;
    height:100%;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    min-height:0;
}

@media (max-width: 767px){

.content{
        overflow:hidden;
}
    }

.unselectable{
    user-select:none;
    -webkit-user-select:none;
}

.undraggable{
    -webkit-user-drag:none;
}

.text-selectable{
    user-select:text;
    -webkit-user-select:text;
}

.dk{
    display:block;
}

.mb{
    display:none;
}

@media (max-width: 767px){
    .dk{
        display:none;
    }

    .mb{
        display:block;
    }
    html,
    body,
    .main,
    .content{
        overflow-x:hidden;
    }
    html,
    body{
        overscroll-behavior:none;
        touch-action:pan-x pan-y;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    html,
    body,
    .main,
    .content{
        overflow-x:hidden;
    }
}

a,
button,
input,
textarea{
    -webkit-appearance:none;
}

[data-stage]{
    display:none;
}

[data-stage].show{
    display:flex;
    flex-direction:column;
}

[data-section]{
    display:none;
}

[data-section].show{
    display:block;
}

[data-popup]{
    display:none;
}

[data-popup].show{
    display:flex;
}

[data-cookie="banner"].hide{
    display:none !important;
}

.text-main-title{
    font-family:var(--font-secondary);
    font-size:clamp(2rem, 1.424vw + 1.666rem, 3.375rem);
    font-style:normal;
    font-weight:700;
    line-height:1.2;
    -webkit-user-select:none;
            user-select:none;
    color:var(--color-white-1);
}

.text-main-title span{
        color:var(--color-blue-1);
    }

.text-main-hint{
    font-family:var(--font-primary);
    font-size:clamp(1rem, 0.388vw + 0.909rem, 1.375rem);
    font-style:normal;
    font-weight:500;
    line-height:1.2;
    -webkit-user-select:none;
            user-select:none;
    color:var(--color-white-1);
}

.text-main-hint span{
        color:var(--color-blue-1);
    }

.text-btn{
    font-family:var(--font-primary);
    font-size:clamp(1.5rem, 0.259vw + 1.439rem, 1.75rem);
    font-style:normal;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
    color:var(--color-white-1);
}

.text-casual-pt{
    font-family:var(--font-primary);
    font-size:20px;
    font-style:normal;
    font-weight:500;
    line-height:1.1;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
}

.text-casual-pt span{
        color:var(--color-pt-1);
        text-shadow:0 0 2px var(--color-black-1);
        -webkit-user-select:none;
                user-select:none;
    }

.text-casual-ro{
    font-family:var(--font-primary);
    font-size:20px;
    font-style:normal;
    font-weight:500;
    line-height:1.1;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
}

.text-casual-ro span{
        color:var(--color-ro-1);
        text-shadow:0 0 2px var(--color-black-1);
        -webkit-user-select:none;
                user-select:none;
    }

.text-casual-it{
    font-family:var(--font-primary);
    font-size:20px;
    font-style:normal;
    font-weight:500;
    line-height:1.1;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
}

.text-casual-it span{
        color:var(--color-it-1);
        text-shadow:0 0 2px var(--color-black-1);
        -webkit-user-select:none;
                user-select:none;
    }

.text-casual-cs{
    font-family:var(--font-primary);
    font-size:20px;
    font-style:normal;
    font-weight:500;
    line-height:1.1;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
}

.text-casual-cs span{
        color:var(--color-cs-1);
        text-shadow:0 0 2px var(--color-black-1);
        -webkit-user-select:none;
                user-select:none;
    }

.text-casual-uk{
    font-family:var(--font-primary);
    font-size:20px;
    font-style:normal;
    font-weight:500;
    line-height:1.1;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
}

.text-casual-uk span{
        color:var(--color-uk-3);
        text-shadow:0 0 2px var(--color-black-1);
        -webkit-user-select:none;
                user-select:none;
    }

.text-popup-title{
    font-family:var(--font-secondary);
    font-size:36px;
    font-style:normal;
    font-weight:700;
    line-height:1.2;
    color:var(--color-white-1);
    -webkit-user-select:none;
            user-select:none;
}

.header{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:var(--z-logo);
	width:100%;
	padding:1.75rem 1.75rem;
	pointer-events:none;
	transition:opacity 1.25s ease;
}

@media (max-width: 767px){

.header{
		padding:0.6rem 0.6rem;
		text-align:right;
}
	}

@media (min-width: 768px) and (max-width: 1023px){

.header{
		padding:1.5rem;
}
	}

@media (min-width: 1024px) and (max-width: 1919px){

.header{
		padding:1.25rem;
}
	}

.header__logo{
	display:inline-flex;
	align-items:center;
	pointer-events:auto;
	filter:drop-shadow(1px 1px 0 #000000);
}

@media (min-width: 768px) and (max-width: 1023px){

.header__logo{
		padding:0rem 0.3rem;
}
	}

@media (max-width: 767px){

.header__logo{
		padding:0.3rem;
}
	}

.header__logo-img{
	height:2.15rem;
}

@media (max-width: 767px){

.header__logo-img{
		height:1.5rem;
}
	}

@media (min-width: 768px) and (max-width: 1023px){

.header__logo-img{
		height:1.8rem;
}
	}

@media (min-width: 1024px) and (max-width: 1919px){

.header__logo-img{
		height:2rem;
}
	}

@media (min-width: 2560px){

.header__logo-img{
		height:3.75rem;
}
	}

@media (min-width: 3840px){

.header__logo-img{
		height:4rem;
}
	}

body.show .header{
	opacity:1;
}

.footer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:5001;
    width:100%;
    flex-shrink:0;
    box-sizing:border-box;
    -webkit-user-select:none;
            user-select:none;

    display:flex;
    align-items:center;
    min-height:3.75rem;

    padding:0 clamp(0.5rem, 12.5vw, 13rem);
    padding-bottom:env(safe-area-inset-bottom, 0px);

    background:linear-gradient(0deg, #071329 0%, #0E1F40 100%);
    font-family:var(--font-secondary);

    border-radius:1.25rem 1.25rem 0 0;
    transform:translateY(100%);
    opacity:0;
}

.footer.show{
        animation:footer-rise 0.5s ease-out 0.7s forwards;
    }

.footer .footer__content{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:clamp(1rem, 2vw, 2rem);
        width:100%;
    }

.footer .footer__logo{
        display:flex;
        align-items:center;
        flex-shrink:0;
        display:none;
    }

.footer .footer__logo-img{
        height:1.75rem;
        width:auto;
    }

.footer .footer__brand{
        display:flex;
        align-items:center;
        flex-shrink:0;
    }

.footer .footer__copy{
        display:flex;
        flex-direction:row;
        align-items:center;
        gap:1.25rem;
        line-height:1.2;
        color:var(--color-grey-2);
        font-weight:500;
        font-size:0.7rem;
    }

:is(.footer .footer__copy) > div{
            display:flex;
            align-items:center;
            gap:0.5rem;
        }

:is(.footer .footer__copy) span{
            white-space:nowrap;
        }

:is(.footer .footer__copy) a{
            color:var(--color-blue-1);
            transition:color 0.2s ease;
        }

:is(:is(.footer .footer__copy) a):hover{
                color:var(--color-blue-2);
            }

.footer .footer__terms{
        display:flex;
        align-items:center;
        gap:2.25rem;
        color:var(--color-blue-1);
        font-size:1.05rem;
        font-weight:500;
    }

:is(.footer .footer__terms) p{
            cursor:pointer;
            white-space:nowrap;
            transition:color 0.2s ease;
        }

:is(:is(.footer .footer__terms) p):hover{
                color:var(--color-blue-2);
            }

@media (min-width: 1024px) and (max-width: 1919px){
        .footer .footer__copy{
            font-size:0.55rem;
        }

        .footer .footer__terms{
            font-size:0.9rem;
        }
    }

@media (min-width: 768px) and (max-width: 1023px){

.footer{
        padding:0 clamp(0.5rem, 1.5vw, 1rem);
        padding-bottom:env(safe-area-inset-bottom, 0px);
}
        .footer .footer__copy{
            flex-direction:column;
            align-items:flex-start;
            gap:0.05rem;
            font-size:0.5rem;
            line-height:1.15;
            flex-shrink:1;
            min-width:0;
        }

            :is(.footer .footer__copy) > div{
                flex-direction:column;
                align-items:flex-start;
                flex-wrap:nowrap;
                gap:0.05rem;
            }

        .footer .footer__terms{
            gap:clamp(0.45rem, 1.2vw, 0.9rem);
            font-size:clamp(0.62rem, 1.35vw, 0.8rem);
            flex-shrink:1;
            min-width:0;
        }
        .footer .footer__content{
            gap:clamp(0.5rem, 1.5vw, 1rem);
            flex-wrap:nowrap;
        }

        .footer .footer__brand{ flex-shrink:1; min-width:0; }
            :is(.footer .footer__copy) span{ white-space:normal; }

        .footer .footer__langs{ flex-shrink:0; }
    }

@media (max-width: 767px){

.footer{
        min-height:0;
        padding:0.55rem 1rem;
        padding-bottom:calc(0.75rem + env(safe-area-inset-bottom, 0px));
}
        .footer .footer__logo{ display:none; }
        .footer .footer__content{
            flex-direction:row;
            align-items:flex-start;
            justify-content:space-between;
            gap:1rem;
        }

        .footer .footer__brand{
            flex-direction:column;
            align-items:flex-start;
            gap:0.4rem;
            padding-right:0;
        }
        .footer .footer__copy{
            flex-direction:column;
            align-items:flex-start;
            gap:0.25rem;
            font-size:0.45rem;
        }

            :is(.footer .footer__copy) > div{
                flex-direction:row;
                align-items:center;
                flex-wrap:nowrap;
                gap:0.35rem;
            }

            :is(.footer .footer__copy) > div:nth-child(2){
                flex-direction:column;
                align-items:flex-start;
                gap:0.1rem;
            }
        .footer .footer__terms{
            flex-direction:column;
            align-items:flex-end;
            gap:0.5rem;
            font-size:0.5rem;
        }

            :is(.footer .footer__terms) p{
                white-space:nowrap;
            }
    }

.footer__langs{
    --flag-w:3.25rem;
    --flag-h:2.1875rem;
    --flag-radius:0.625rem;

    position:relative;
    flex-shrink:0;
    display:flex;
    align-items:center;
    font-size:0;
}

.footer__langs-current,
.footer__langs-flag{
    width:var(--flag-w);
    height:var(--flag-h);
    border-radius:var(--flag-radius);
    border:1px solid #20314C;
    overflow:hidden;
    cursor:pointer;
    flex-shrink:0;
    transition:border-color 0.2s ease, box-shadow 0.2s ease;
}

:is(.footer__langs-current,.footer__langs-flag) img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

:is(.footer__langs-current,.footer__langs-flag):hover{
        border-color:var(--color-blue-2);
        box-shadow:0 0 0 1px var(--color-blue-2), 0 0 8px rgba(29, 195, 255, 0.55);
    }

.footer__langs-menu{
    position:absolute;
    left:50%;
    bottom:calc(100% + 0.625rem);

    display:flex;
    flex-direction:column;
    gap:0.625rem;
    padding:0.875rem 0.8125rem;

    border-radius:1.25rem;
    border:1px solid #20314C;
    background:radial-gradient(140% 90% at 50% 100%, rgba(20, 61, 110, 1) 0%, rgba(15, 43, 83, 0) 100%), #081B3A;
    box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, 0.4);
    z-index:10;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%, 0.375rem);
    pointer-events:none;
    transition:opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
}

.footer__langs-menu.show{
        opacity:1;
        visibility:visible;
        transform:translate(-50%, 0);
        pointer-events:auto;
        transition:opacity 0.22s ease, transform 0.22s ease;
    }

@media (min-width: 1024px) and (max-width: 1919px){
    .footer{
        padding:0 6rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .footer__langs{
        --flag-w:2.75rem;
        --flag-h:1.85rem;
    }
}

@media (max-width: 767px){
    .footer__langs{
        --flag-w:2.25rem;
        --flag-h:1.5rem;
        --flag-radius:0.5rem;
    }

    .footer__langs-menu{
        gap:0.5rem;
        padding:0.6rem 0.55rem;
        border-radius:0.9rem;
    }
}

.btn{
    display:flex;
    padding:1.05rem 1rem;    
    justify-content:center;
    align-items:center;
    border-radius:0.625rem;
    border:1px solid;
    transform:translateZ(0);
    backface-visibility:hidden;
    perspective:1000px;
    transition:box-shadow 0.35s ease-out, transform 0.35s ease-out;
}

.btn span{
  
        backface-visibility:hidden;
        perspective:1000px;
    }

.btn-pt{
    border-color:rgba(255, 164, 152, 0.20);
    background:radial-gradient(85.09% 100% at 50% 100%, #FFA498 0%, #E01933 100%);
    box-shadow:0 0 2px 0 #FFA498 inset, 0 0 30px 0 rgba(224, 25, 51, 0.5), 0 0 20px 0 rgba(224, 25, 51, 0.8), 0 0 10px 0 #E01933;
}

.btn-pt:hover{
        box-shadow:0 0 5px 0 #FFA498 inset, 0 0 35px 0 rgba(224, 25, 51, 0.5), 0 0 25px 0 rgba(224, 25, 51, 0.8), 0 0 20px 0 #E01933;
    }

.btn-ro{
    border-color:rgba(253, 192, 23, 0.20);
    background:radial-gradient(85.09% 100% at 50% 100%, #FDC017 0%, #FD8217 100%);
    box-shadow:0 0 2px 0 #FD8217 inset, 0 0 30px 0 rgba(253, 130, 23, 0.5), 0 0 20px 0 rgba(253, 130, 23, 0.8), 0 0 10px 0 #FD8217;
}

.btn-ro:hover{
        box-shadow:0 0 5px 0 #FD8217 inset, 0 0 35px 0 rgba(253, 130, 23, 0.5), 0 0 25px 0 rgba(253, 130, 23, 0.8), 0 0 20px 0 #FD8217;
    }

.btn-it{
    border-color:rgba(26, 208, 129, 0.20);
    background:radial-gradient(85.09% 100% at 50% 100%, #5DFFAE 0%, #1AD081 100%);
    box-shadow:0 0 2px 0 #F0FFFE inset, 0 0 30px 0 rgba(26, 208, 129, 0.5), 0 0 20px 0 rgba(26, 208, 129, 0.8), 0 0 10px 0 #1AD081;
}

.btn-it:hover{
        box-shadow:0 0 5px 0 #1AD081 inset, 0 0 35px 0 rgba(26, 208, 129, 0.5), 0 0 25px 0 rgba(26, 208, 129, 0.8), 0 0 20px 0 #1AD081;
    }

.btn-cs{
    border-color:rgba(81, 120, 180, 0.20);
    background:radial-gradient(85.09% 100% at 50% 100%, #99BEF6 0%, #5178B4 100%);
    box-shadow:0 0 2px 0 #99BEF6 inset, 0 0 30px 0 rgba(153, 190, 246, 0.5), 0 0 20px 0 rgba(153, 190, 246, 0.8), 0 0 10px 0 #99BEF6;
}

.btn-cs:hover{
        box-shadow:0 0 5px 0 #99BEF6 inset, 0 0 35px 0 rgba(153, 190, 246, 0.5), 0 0 25px 0 rgba(153, 190, 246, 0.8), 0 0 20px 0 #99BEF6;
    }

.btn-uk{
    border-color:rgba(23, 151, 253, 0.20);
    background:radial-gradient(85.09% 100% at 50% 100%, #1DF0FF 0%, #1797FD 100%);
    box-shadow:0 0 2px 0 #1DF0FF inset, 0 0 30px 0 rgba(23, 151, 253, 0.5), 0 0 20px 0 rgba(23, 151, 253, 0.8), 0 0 10px 0 #1797FD;
}

.btn-uk:hover{
        box-shadow:0 0 5px 0 #1DF0FF inset, 0 0 35px 0 rgba(23, 151, 253, 0.5), 0 0 25px 0 rgba(23, 151, 253, 0.8), 0 0 20px 0 #1797FD;
    }

.coockie-banner{
    position:fixed;
    --banner-edge:1rem;
    --footer-h:3.75rem;
    right:var(--banner-edge);
    bottom:calc(var(--footer-h) + var(--banner-edge));
    z-index:var(--z-consent);
    box-sizing:border-box;
    width:clamp(180px, 42%, 360px);
    padding:1.1rem clamp(1.25rem, 1.5vw, 1.6rem);
    border-radius:0.625rem;
    background-color:#11161D;
    background-image:url("/images/bg/bg-main-1.avif");
    background-position:center center;
    background-size:auto;
    background-repeat:no-repeat;
    border:1px solid var(--color-blue-1);
    box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.45), 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 22px rgba(29, 82, 255, 0.12), inset 0 1px 0 rgba(29, 108, 255, 0.14);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    transform:translateX(120%);
    opacity:0;
}

.coockie-banner::before{
        content:"";
        position:absolute;
        inset:0;
        border-radius:inherit;
        background:linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%);
        pointer-events:none;
        z-index:-1;
    }

@media (max-width: 767px){

.coockie-banner{
        right:0.75rem;
        left:0.75rem;
        width:auto;
        bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px));
        padding:1rem 1.1rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.coockie-banner{
        width:clamp(320px, 62%, 560px);
        bottom:4.5rem;
}
    }

.coockie-banner.show{
    animation:coockie-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) 4.95s forwards;
}

.coockie-banner__inner{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0.7rem;
}

.coockie-banner__inner h3{
        color:var(--color-blue-1);
        font-family:var(--font-secondary);
        font-size:1rem;
        font-weight:700;
        line-height:1.1;
        margin-bottom:0.5rem;
        text-transform:uppercase;
        letter-spacing:0.02em;
        -webkit-user-select:none;
                user-select:none;
    }

@media (max-width: 767px){

.coockie-banner__inner h3{
            font-size:0.9rem;
    }
        }

.coockie-banner__text{
    font-size:0.8rem;
    color:var(--color-grey-4);
    font-family:var(--font-primary);
    -webkit-user-select:none;
            user-select:none;
    line-height:1.5;
    display:inline;
}

@media (max-width: 767px){

.coockie-banner__text{
        font-size:0.72rem;
}
    }

.coockie-banner__link{
    color:var(--color-grey-4);
    text-decoration:underline;
    text-underline-offset:3px;
    font-weight:600;
    cursor:pointer;
    display:inline;
    transition:color 0.2s ease, text-shadow 0.2s ease;
    font-family:var(--font-primary);
    margin-left:2px;
}

.coockie-banner__link:hover{
        color:var(--color-blue-2);
    }

.coockie-banner__btn{
    align-self:flex-end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:0.625rem;
    cursor:pointer;
    padding:0.55rem 1.55rem;
    background:linear-gradient(180deg, #1DF0FF 0%, #1797FD 100%);
    box-shadow:0 2px 12px #1dc3ffa6, 0 0 20px rgba(156, 78, 255, 0);
    transition:transform 0.15s ease;
}

.coockie-banner__btn:hover{
        transform:translateY(-1px);
    }

.coockie-banner__btn:active{
        transform:translateY(1px);
    }

.coockie-banner__btn span{
        font-size:0.85rem;
        font-family:var(--font-primary);
        font-weight:700;
        text-transform:uppercase;
        color:var(--color-white-1);
    }

@media (max-width: 767px){

.coockie-banner__btn span{
            font-size:0.8rem;
    }
        }

.popup-terms-wrap{
  position:fixed;
  inset:0;
  z-index:9995;
  background:rgba(5, 9, 12, 0.78);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  display:none;
}

.popup-terms-wrap.show{
  display:block;
  animation:popup-fade-in 0.25s ease;
}

.popup-terms{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:9996;
  width:min(74vw, 90vw);
  max-height:80vh;
  overflow:hidden;
  background:radial-gradient(50% 55.69% at 50% 48.98%, #0e2442 0%, #11161D 100%);

  border:2px solid #1797FD;
  border-radius:0.52vw;
    box-shadow:0 0 40px #1dc3ff93, 0 0 25px #1dc3ff59, inset 0 0 4px #1DC3FF;
  cursor:default;
  display:none;
  animation:popup-slide-in 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.popup-terms.show{
  display:block;
}

.popup-terms::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:8vw;
  background:linear-gradient(to top, #05090C 0%, rgba(5, 9, 12, 0) 100%);
  pointer-events:none;
  z-index:1;
}

.popup-terms-content{
  max-height:80vh;
  overflow-y:auto;
}

.popup-terms-close{
  position:absolute;
  top:1vw;
  right:1.6vw;
  width:2.2vw;
  height:2.2vw;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ff493811;
  border:1px solid #ff49387a;
  border-radius:0.26vw;
  color:rgba(255, 255, 255, 0.5);
  cursor:pointer;
  transition:background-color 0.2s, color 0.2s, border-color 0.2s;
  flex-shrink:0;
  z-index:2;
}

.popup-terms-close svg{
  width:0.78vw;
  height:0.78vw;
}

.popup-terms-close:hover{
  background:#ff493849;
  border-color:#FF4938;
  color:var(--color-white-1);
}

.terms{
  width:100%;
  max-width:70vw;
  margin:0 auto;
  padding:3vw 3vw 5vw;
  color:var(--color-grey-1);
  font-family:var(--font-primary);
  font-size:1.2vw;
  font-weight:400;
  line-height:1.5;
}

.terms h2{
  color:#1797FD;
  text-align:center;
  font-family:var(--font-secondary);
  font-size:2.5vw;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.04em;
}

.terms h2:after{
  content:"";
  position:relative;
  width:20vw;
  height:1px;
  display:block;
  background:linear-gradient(90deg, transparent 0%, #1DC3FF 50%, transparent 100%);
  border:none;
  margin:1rem auto 2.5rem;
}

.terms h3{
  margin:2rem 0 0.75rem;
  color:#1797FD;
  font-family:var(--font-secondary);
  font-size:1.8vw;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0.05em;
}

.terms h4{
  margin:1.5rem 0 0.5rem;
  color:#1797FD;
  font-family:var(--font-secondary);
  font-size:1.2vw;
  font-weight:700;
  line-height:1.2;
}

.terms :is(li, p){
  margin:0.4rem 0;
}

.terms strong{
  font-weight:700;
  color:var(--color-white-1);
}

.terms ol{
  list-style-type:decimal;
  padding-left:2vw;
}

.terms ul{
  list-style-type:disc;
  padding-left:2vw;
}

@media (max-width: 767px){
  .terms{
    font-size:3.73vw;
    padding:8vw 6.4vw 10vw;
    max-width:100%;
  }

  .terms h1{
    font-size:9.6vw;
  }

  .terms h2{
    font-size:6.8vw;
  }

  .terms h3{
    font-size:4.27vw;
  }

  .popup-terms-close{
    width:5.2vw;
    height:5.2vw;
  }

  .popup-terms-close svg{
    width:2.78vw;
    height:2.78vw;
  }
}

.popup-auth{
    display:none;
    position:fixed;
    inset:0;
    z-index:var(--z-popup);
    align-items:center;
    justify-content:center;
    padding:1.5rem;
}

.popup-auth.show{
    display:flex;
}

.popup-auth__overlay{
    position:absolute;
    inset:0;
    background:rgba(9, 15, 23, 0.85);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.popup-auth__modal{
    position:relative;
    width:min(43.75rem, 92vw);
    aspect-ratio:700 / 327;
    container-type:inline-size;
    border-radius:1.25rem;
    border:1px solid #20314C;
    overflow:hidden;
    background-image:linear-gradient(252.989deg, #0F2B53 45.812%, var(--pa-main) 99.874%);
    box-shadow:0 0 2.25rem color-mix(in srgb, var(--pa-main) 50%, transparent), 0 0 1rem color-mix(in srgb, var(--pa-main) 70%, transparent);
    animation:popup-slide-up-auth 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.popup-auth__modal::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:inherit;
    pointer-events:none;
    background-image:radial-gradient(circle, rgba(0, 0, 0, 0.12) 5.5px, transparent 6.4px);
    background-size:2.3rem 2.3rem;
}

.popup-auth__modal::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 0 1.25rem var(--pa-main);
}

.popup-auth__silhouette{
    position:absolute;
    left:2%;
    top:4%;
    width:46%;
    height:92%;
    z-index:2;
    pointer-events:none;
}

.popup-auth__silhouette svg{
    display:block;
    width:100%;
    height:100%;
}

.popup-auth--pt .popup-auth__silhouette{
    left:-3%;
    top:-1%;
}

.popup-auth--pt .popup-auth__silhouette svg{
    width:120%;
    height:120%;
}

.popup-auth--it .popup-auth__silhouette{
    left:-4%;
    top:-9%;
}

.popup-auth--it .popup-auth__silhouette svg{
    width:130%;
    height:130%;
}

.popup-auth--cs .popup-auth__silhouette{
    left:-9%;
    top:-9%;
}

.popup-auth--cs .popup-auth__silhouette svg{
    width:135%;
    height:135%;
}

.popup-auth--ro .popup-auth__silhouette{
    left:-3%;
    top:-6%;
}

.popup-auth--ro .popup-auth__silhouette svg{
    width:120%;
    height:120%;
}

.popup-auth--uk .popup-auth__silhouette{
    left:-9%;
    top:-10%;
}

.popup-auth--uk .popup-auth__silhouette svg{
    width:130%;
    height:130%;
}

.popup-auth__silhouette path{
    stroke-width:2.5;
    stroke-linejoin:round;
}

.popup-auth--pt .popup-auth__silhouette path{ fill:url(#pgrad-portugal); stroke:var(--color-pt-2); }

.popup-auth--ro .popup-auth__silhouette path{ fill:url(#pgrad-romania);  stroke:var(--color-ro-2); }

.popup-auth--it .popup-auth__silhouette path{ fill:url(#pgrad-italy);    stroke:var(--color-it-2); }

.popup-auth--cs .popup-auth__silhouette path{ fill:url(#pgrad-czechia);  stroke:var(--color-cs-2); }

.popup-auth--uk .popup-auth__silhouette path{ fill:url(#pgrad-ukraine);  stroke:var(--color-uk-2); }

#pgrad-portugal .a{ stop-color:var(--color-pt-1); }

#pgrad-portugal .b{ stop-color:var(--color-pt-2); }

#pgrad-romania  .a{ stop-color:var(--color-ro-2); }

#pgrad-romania  .b{ stop-color:var(--color-ro-1); }

#pgrad-italy    .a{ stop-color:var(--color-it-1); }

#pgrad-italy    .b{ stop-color:var(--color-it-2); }

#pgrad-czechia  .a{ stop-color:var(--color-cs-1); }

#pgrad-czechia  .b{ stop-color:var(--color-cs-2); }

#pgrad-ukraine  .a{ stop-color:var(--color-uk-3); }

#pgrad-ukraine  .b{ stop-color:var(--color-uk-2); }

.popup-auth__guns{
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
}

.popup-auth__gun{
    position:absolute;
    height:auto;
    max-width:none;
    filter:drop-shadow(0 0 0.3rem var(--pa-main)) drop-shadow(0 0 0.75rem color-mix(in srgb, var(--pa-main) 70%, transparent));
}

.popup-auth__gun--main{

}

.popup-auth__info{
    position:absolute;
    left:55.86%;
    right:6.5%;
    top:5%;
    bottom:5%;
    z-index:5;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    pointer-events:none;
}

.popup-auth__title{
    margin:0;
    max-width:100%;
    text-wrap:balance;
    overflow-wrap:break-word;
}

.popup-auth__desc{
    display:flex;
    align-items:flex-start;
    gap:1.143cqw;
    margin:1.6cqw 0 0;
    max-width:100%;
}

.popup-auth__steam{
    width:3.714cqw;
    height:3.714cqw;
    object-fit:contain;
    flex-shrink:0;
    margin-top:0.2cqw;
}

.popup-auth__steam--uk{
   filter:hue-rotate(-25deg) saturate(150%) brightness(110%);
}

.popup-auth__desc-text{
    overflow-wrap:break-word;
}

.popup-auth__desc-text span{
    color:var(--pa-accent);
}

.popup-auth__btn{
    position:relative;
    width:100%;
    height:8.14cqw;
    flex-shrink:0;
    margin-top:4cqw;
    padding:0;
    border-radius:1.429cqw;
    pointer-events:auto;
    transform-origin:center;
    animation:popup-btn-wobble 2.25s ease-in-out infinite;
}

.popup-auth__btn span{
        font-family:var(--font-primary);
        font-weight:700;
        font-size:3.429cqw;
        letter-spacing:0.02em;
        color:var(--color-white-1);
        white-space:nowrap;
        transform:none;
    }

.popup-auth .popup-auth__btn:hover{
    transform:translateZ(0) scale(1.09);
    animation-play-state:paused;
}

.popup-auth__close{
    position:absolute;
    top:15px;
    right:18px;
    z-index:6;
    color:var(--color-grey-4);
    font-size:2.6cqw;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    pointer-events:auto;
    transition:color 0.2s ease;
}

.popup-auth__close:hover{
    color:var(--pa-accent);
}

.popup-auth--pt{ --pa-main:var(--color-pt-1); --pa-accent:var(--color-pt-1); }

.popup-auth--ro{ --pa-main:var(--color-ro-1); --pa-accent:var(--color-ro-1); }

.popup-auth--it{ --pa-main:var(--color-it-1); --pa-accent:var(--color-it-2); }

.popup-auth--cs{ --pa-main:var(--color-cs-1); --pa-accent:var(--color-cs-2); }

.popup-auth--uk{ --pa-main:var(--color-uk-2); --pa-accent:var(--color-uk-3); }

@media (max-width: 767px){
    .popup-auth{ padding:0.75rem; }
    .popup-auth__modal{
        width:min(22rem, 92vw, 57vh);
        aspect-ratio:520 / 730;
        background-image:linear-gradient(to top, #0F2B53 30%, var(--pa-main) 100%);
    }
    .popup-auth--pt .popup-auth__silhouette,
    .popup-auth--ro .popup-auth__silhouette,
    .popup-auth--it .popup-auth__silhouette,
    .popup-auth--cs .popup-auth__silhouette,
    .popup-auth--uk .popup-auth__silhouette{
        left:1%;
        top:2%;
        width:94%;
        height:60%;
    }
    .popup-auth--pt .popup-auth__silhouette svg,
    .popup-auth--ro .popup-auth__silhouette svg,
    .popup-auth--it .popup-auth__silhouette svg,
    .popup-auth--cs .popup-auth__silhouette svg,
    .popup-auth--uk .popup-auth__silhouette svg{
        width:105%;
        height:105%;
    }
    .popup-auth__guns{
        inset:auto auto auto 0;
        left:5%;
        top:5%;
        width:170%;
        height:auto;
        aspect-ratio:700 / 327;
    }
    .popup-auth__info{
        left:6%;
        right:6%;
        top:66%;
        bottom:4%;
        justify-content:flex-end;
        align-items:center;
        text-align:center;
    }

    .popup-auth__title{ font-size:7cqw; line-height:1.15; }

    .popup-auth__desc{
        justify-content:center;
        align-items:center;
        gap:2cqw;
        margin-top:3cqw;
    }
    .popup-auth__steam{ width:6cqw; height:6cqw; margin-top:0; }
    .popup-auth__desc-text{ font-size:4.4cqw; }

    .popup-auth__btn{
        height:12cqw;
        margin-top:6cqw;
        border-radius:2.4cqw;
    }
    .popup-auth__btn span{ font-size:5.2cqw; }

    .popup-auth__close{ font-size:4.6cqw; top:2.5%; right:4%; }
}

.popup-offer{
    display:none;
    position:fixed;
    inset:0;
    z-index:var(--z-popup);
    align-items:center;
    justify-content:center;
}

.popup-offer.show{
    display:flex;
}

.popup-offer__overlay{
    position:absolute;
    inset:0;
    background:rgba(9, 15, 23, 0.8);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

.popup-offer__modal{
    position:relative;
    width:min(39rem, 92vw);
    aspect-ratio:626 / 579;
    container-type:inline-size;
    box-sizing:border-box;
    padding:2.5rem;
    display:flex;
    flex-direction:column;
    gap:3.2%;
    border-radius:1.25rem;
    border:1px solid #20314C;
    overflow:hidden;
    background-image:radial-gradient(125% 92% at 50% -6%,
        var(--pa-main) 0%,
        color-mix(in srgb, var(--pa-main) 40%, #0F2B53) 46%,
        #0F2B53 78%);
    box-shadow:0 0 3.75rem color-mix(in srgb, var(--pa-main) 40%, transparent), 0 0 1.5rem var(--pa-main);
    animation:popup-slide-up-auth 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.popup-offer__modal::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:inherit;
    pointer-events:none;
    background-image:radial-gradient(circle, rgba(0, 0, 0, 0.12) 5.5px, transparent 6.4px);
    background-size:2.3rem 2.3rem;
}

.popup-offer__modal::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 0 1.25rem var(--pa-main);
}

.popup-offer__close{
    position:absolute;
    top:12px;
    right:16px;
    z-index:4;
    color:var(--color-grey-4);
    font-size:1.15rem;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    transition:color 0.2s ease;
}

.popup-offer__close:hover{
    color:var(--pa-accent);
}

.popup-offer__grid{
    position:relative;
    z-index:2;
    flex:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:3.2cqw;
    min-height:0;
}

.popup-offer__card{
    position:relative;
    border:1px solid var(--pa-main);
    border-radius:0.625rem;
    background:rgba(15, 43, 83, 0.1);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    overflow:hidden;
}

.popup-offer__gun{
    position:absolute;
    top:52%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:85%;
    max-height:85%;
    width:auto;
    height:auto;
    filter:drop-shadow(0 0 2rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--pt  .popup-offer__card:nth-child(1) .popup-offer__gun{
    max-width:95%;
    max-height:95%;
    filter:drop-shadow(0 0 10px rgba(253, 76, 76, 0.3));
}

.popup-offer--pt  .popup-offer__card:nth-child(2) .popup-offer__gun{
    max-width:95%;
    max-height:95%;
}

.popup-offer--pt  .popup-offer__card:nth-child(3) .popup-offer__gun{
    max-width:95%;
    max-height:95%;
}

.popup-offer--pt  .popup-offer__card:nth-child(4) .popup-offer__gun{
    max-width:88%;
    max-height:88%;
}

.popup-offer--ro  .popup-offer__card:nth-child(1) .popup-offer__gun{
    max-width:85%;
    max-height:85%;
    filter:drop-shadow(0 0 20px rgba(255, 166, 93, 0.05));
}

.popup-offer--ro  .popup-offer__card:nth-child(2) .popup-offer__gun{
    max-width:95%;
    max-height:95%;
}

.popup-offer--ro  .popup-offer__card:nth-child(3) .popup-offer__gun{
    max-width:98%;
    max-height:98%;
}

.popup-offer--ro  .popup-offer__card:nth-child(4) .popup-offer__gun{
    max-width:95%;
    max-height:95%;
}

.popup-offer--it .popup-offer__card:nth-child(1) .popup-offer__gun{
    max-width:115%;
    max-height:115%;
    filter:drop-shadow(0 0 4px #4cfd905e);
}

.popup-offer--it .popup-offer__card:nth-child(2) .popup-offer__gun{
    filter:drop-shadow(0 1px 4px var(--pa-accent-2)) drop-shadow(0 0 1rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--it .popup-offer__card:nth-child(3) .popup-offer__gun{
    max-width:75%;
    max-height:75%;
    filter:drop-shadow(0 1px 4px var(--pa-accent-2)) drop-shadow(0 0 1rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--it .popup-offer__card:nth-child(4) .popup-offer__gun{
    max-width:80%;
    max-height:80%;
}

.popup-offer--cs .popup-offer__card:nth-child(1) .popup-offer__gun{
    max-width:115%;
    max-height:115%;
    filter:drop-shadow(0 0 4px #d8e5fa54);
}

.popup-offer--cs .popup-offer__card:nth-child(2) .popup-offer__gun{
    max-width:75%;
    max-height:75%;
    filter:drop-shadow(0 1px 4px var(--pa-accent-2)) drop-shadow(0 0 1rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--cs .popup-offer__card:nth-child(3) .popup-offer__gun{
    max-width:80%;
    max-height:80%;
    filter:drop-shadow(0 1px 4px var(--pa-accent-2)) drop-shadow(0 0 1rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--cs .popup-offer__card:nth-child(4) .popup-offer__gun{
    max-width:78%;
    max-height:78%;
}

.popup-offer--uk .popup-offer__card:nth-child(1) .popup-offer__gun{
    max-width:115%;
    max-height:115%;
    filter:drop-shadow(0 0 4px #59d0fc5e);
}

.popup-offer--uk .popup-offer__card:nth-child(2) .popup-offer__gun{
    max-width:62%;
    max-height:62%;
    filter:drop-shadow(0 1px 4px var(--pa-accent-2)) drop-shadow(0 0 1rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--uk .popup-offer__card:nth-child(3) .popup-offer__gun{
    max-width:75%;
    max-height:75%;
    filter:drop-shadow(0 1px 4px var(--pa-accent-2)) drop-shadow(0 0 1rem var(--pa-main)) drop-shadow(0 0 3rem color-mix(in srgb, var(--pa-main) 55%, #fff));
}

.popup-offer--uk .popup-offer__card:nth-child(4) .popup-offer__gun{
    max-width:92%;
    max-height:92%;
}

.popup-offer__type{
    position:absolute;
    top:8%;
    left:7%;
    font-size:18px;
    line-height:1.1;
}

.popup-offer__icon{
    width:1.1rem;
    height:1.1rem;
    margin-bottom:3px;
}

.popup-offer__name{
    position:absolute;
    bottom:6%;
    left:7%;
    font-weight:500;
    font-size:18px;
    line-height:1.1;
    color:var(--pa-accent);
    display:flex;
    align-items:center;
    gap:0.4rem;
}

.popup-offer__btn{
    position:relative;
    z-index:2;
    flex-shrink:0;
    width:100%;
}

.popup-offer__btn span{

        white-space:nowrap;
        transform:none;
    }

.popup-offer__btn:hover{
        transform:translateZ(0) scale(1.035);
    }

.popup-offer--pt{ --pa-main:var(--color-pt-1); --pa-accent:var(--color-pt-1); }

.popup-offer--ro{ --pa-main:var(--color-ro-1); --pa-accent:var(--color-ro-1); }

.popup-offer--it{ --pa-main:var(--color-it-1); --pa-accent:var(--color-it-2); --pa-accent-2:#4cfd90; }

.popup-offer--cs{ --pa-main:var(--color-cs-1); --pa-accent:var(--color-cs-2); --pa-accent-2:#d8e5fa; }

.popup-offer--uk{ --pa-main:var(--color-uk-2); --pa-accent:var(--color-uk-3); --pa-accent-2:#59d0fcdc; }

@media (min-width: 1024px) and (max-width: 1919px){
    .popup-offer__modal{ width:min(35rem, 90vw); padding:2.2rem; }
    .popup-offer__type,
    .popup-offer__name{ font-size:16px; }
}

@media (max-width: 767px){
    .popup-offer{ padding:0.5rem; }

    .popup-offer__modal{
        width:min(21rem, 92vw, 62vh);
        aspect-ratio:400 / 389;
        padding:clamp(0.7rem, 4vw, 1.15rem);
        padding-top:clamp(1.25rem, 6vw, 2rem);
        gap:clamp(0.5rem, 3vw, 0.9rem);
        border-radius:1rem;
    }

    .popup-offer__grid{ gap:4cqw; }
    .popup-offer__card{ border-radius:2.6cqw; }
    .popup-offer__gun{ max-width:88%; max-height:76%; }

    .popup-offer__type{ top:7%; left:8%; font-size:3.7cqw; }
    .popup-offer__name{ bottom:6%; left:8%; font-size:3.7cqw; }
    .popup-offer__btn{ padding:3.4cqw 0.75rem; border-radius:2.6cqw; }
    .popup-offer__btn span{ font-size:4.5cqw; white-space:normal; line-height:1.15; }

    .popup-offer__close{ top:6px; right:10px; font-size:4.4cqw; }
}

.main-screen{
    position:relative;
    box-sizing:border-box;
    width:100%;
    height:100%;
    overflow:hidden;
}

.main-screen.show{
    display:block;
}

.main-screen__inner{
    position:relative;
    width:100%;
    height:100%;
    --map-h:138%;
    --map-top:-42%;
}

.main-screen__title{
    position:absolute;
    top:clamp(3rem, 7vh, 8rem);
    left:clamp(2.5rem, 10vw, 12rem);
    z-index:5;

    max-width:min(48rem, 44vw);
    margin:0;
    text-shadow:0 0.125rem 0.875rem rgba(0, 0, 0, 0.5);
    -webkit-mask-image:linear-gradient(to bottom, #000 45%, transparent 60%);
    mask-image:linear-gradient(to bottom, #000 45%, transparent 60%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% 500%;
    mask-size:100% 500%;
}

.main-screen__hints{
    position:absolute;
    top:clamp(3rem, 7vh, 8rem);
    right:clamp(2rem, 6vw, 8rem);
    z-index:5;

    display:flex;
    flex-direction:column;
    gap:2rem;
    max-width:min(22rem, 27vw);
    padding-top:12px;
}

.main-screen__hint{
    display:flex;
    align-items:center;
    gap:0.7rem;
    font-family:var(--font-primary);
    font-size:clamp(0.72rem, 0.92vw, 0.95rem);
    line-height:1.35;
    color:var(--color-grey-1);
}

.main-screen__hint-icon{
    width:3.25rem;
    height:3.25rem;
    flex-shrink:0;
}

.main-screen__hint-text span{
    color:var(--color-blue-1);
    font-weight:500;
}

@media (max-width: 767px){
    .main-screen__hint br{
        display:none;
    }
}

.main-screen__overlay-shadows-1{
    z-index:3;                
    position:absolute;
    inset:0;
    pointer-events:none;  
    background:linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0) 20vh,
        rgba(0, 0, 0, 0) calc(100vh - 20vh),
        rgba(0, 0, 0, 0.35) 100%
    );
}

.main-screen__overlay-shadows-2{
    z-index:5;                  
    position:absolute;
    inset:0;
    pointer-events:none;  
    background:linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.925) 0%,
        rgba(0, 0, 0, 0) 30vh,
        rgba(0, 0, 0, 0) calc(100vh - 30vh),
        rgba(0, 0, 0, 0) 100%
    );
}

.map{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:3.75rem;
    overflow:hidden;
    z-index:4;

    --map-h:138%;
    --map-top:-42%;
}

.main-screen__stuff{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
}

.main-screen__stuff-item{
    position:absolute;
    height:auto;
    max-width:none;
    -webkit-user-select:none;
            user-select:none;
}

.main-screen__stuff-item--tablet{
    width:33vw;
    top:17em;
    left:calc(-49vw / 3);
    transform:rotate(-30deg);
    filter:brightness(90%) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));
}

.main-screen__stuff-item--flesh{
    width:11vw;
    left:3rem;
    bottom:9rem;
    transform:rotate(30deg);
    filter:brightness(70%) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));
}

.main-screen__stuff-item--mug{
    width:17vw;
    top:2rem;
    right:calc(-28vw / 3);
    transform:rotate(150deg);
    filter:brightness(95%) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));
}

.main-screen__stuff-item--pager{
    width:21vw;
    top:50%;
    right:calc(-21vw / 4);
    transform:translateY(-50%) rotate(30deg);
    filter:brightness(85%) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));
}

.main-screen__stuff-item--pen{
    width:18vw;
    right:4rem;
    bottom:9rem;
    transform:rotate(-15deg) scaleX(-1);
    filter:brightness(85%) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));
}

.map__base,
.map__overlay{
    position:absolute;
    left:50%;
    top:var(--map-top);
    transform:translateX(-50%);
    height:var(--map-h);
    width:auto;
    aspect-ratio:1297.94 / 1197.07;
    display:block;
}

.map__base{
    object-fit:contain;
    pointer-events:none;
}

.map__overlay{
    overflow:visible;
}

.map-country{
    cursor:pointer;
}

.map-country__tap{
    fill:#fff;
    fill-opacity:0;
    stroke:none;
    pointer-events:none;
}

.map-country__area{
    fill:transparent;
    fill-opacity:0;
    stroke:transparent;
    stroke-opacity:0;
    stroke-width:3;
    stroke-linejoin:round;
    pointer-events:all;
    transition:fill-opacity 0.55s ease, stroke-opacity 0.55s ease;
}

.map-country[data-country="portugal"] .map-country__area{ fill:url(#grad-portugal); stroke:var(--color-pt-2); }

.map-country[data-country="romania"]  .map-country__area{ fill:url(#grad-romania);  stroke:var(--color-ro-2); }

.map-country[data-country="italy"]     .map-country__area{ fill:url(#grad-italy);    stroke:var(--color-it-2); }

.map-country[data-country="czechia"]   .map-country__area{ fill:url(#grad-czechia);  stroke:var(--color-cs-2); }

.map-country[data-country="ukraine"]   .map-country__area{ fill:url(#grad-ukraine);  stroke:var(--color-uk-2); }

.map-country__dots{
    fill:url(#map-dots);
    color:transparent;
    pointer-events:none;
    display:none;
}

.map-flag{
    transform-box:fill-box;
    transform-origin:center;
    pointer-events:none;
    opacity:0;
    transition:transform 0.85s cubic-bezier(0.25, 0.8, 0.3, 1);
    filter:drop-shadow(0 0.1875rem 0.375rem rgba(0, 0, 0, 0.45));
}

#grad-portugal .a{ stop-color:var(--color-pt-1); }

#grad-portugal .b{ stop-color:var(--color-pt-2); }

#grad-romania  .a{ stop-color:var(--color-ro-2); }

#grad-romania  .b{ stop-color:var(--color-ro-1); }

#grad-italy    .a{ stop-color:var(--color-it-1); }

#grad-italy    .b{ stop-color:var(--color-it-2); }

#grad-czechia  .a{ stop-color:var(--color-cs-1); }

#grad-czechia  .b{ stop-color:var(--color-cs-2); }

#grad-ukraine  .a{ stop-color:var(--color-uk-3); }

#grad-ukraine  .b{ stop-color:var(--color-uk-2); }

.map-country[data-country="portugal"]:hover .map-country__area,
.main-screen__inner:has(.weapon-preview--pt:hover) .map-country[data-country="portugal"] .map-country__area{ fill-opacity:1; stroke-opacity:1; }

.map-country[data-country="romania"]:hover .map-country__area,
.main-screen__inner:has(.weapon-preview--ro:hover) .map-country[data-country="romania"] .map-country__area{ fill-opacity:1; stroke-opacity:1; }

.map-country[data-country="italy"]:hover .map-country__area,
.main-screen__inner:has(.weapon-preview--it:hover) .map-country[data-country="italy"] .map-country__area{ fill-opacity:1; stroke-opacity:1; }

.map-country[data-country="czechia"]:hover .map-country__area,
.main-screen__inner:has(.weapon-preview--cs:hover) .map-country[data-country="czechia"] .map-country__area{ fill-opacity:1; stroke-opacity:1; }

.map-country[data-country="ukraine"]:hover .map-country__area,
.main-screen__inner:has(.weapon-preview--uk:hover) .map-country[data-country="ukraine"] .map-country__area{ fill-opacity:1; stroke-opacity:1; }

.map-country:hover .map-flag,
.main-screen__inner:has(.weapon-preview--pt:hover) .map-country[data-country="portugal"] .map-flag,
.main-screen__inner:has(.weapon-preview--ro:hover) .map-country[data-country="romania"]  .map-flag,
.main-screen__inner:has(.weapon-preview--it:hover) .map-country[data-country="italy"]    .map-flag,
.main-screen__inner:has(.weapon-preview--cs:hover) .map-country[data-country="czechia"]  .map-flag,
.main-screen__inner:has(.weapon-preview--uk:hover) .map-country[data-country="ukraine"]  .map-flag{
    transform:scale(1.45);
}

.map__previews{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:3.75rem;
    z-index:6;
    pointer-events:none;
}

.map__previews-inner{
    position:absolute;
    left:50%;
    top:var(--map-top, -42%);
    transform:translateX(-50%);
    height:var(--map-h, 138%);
    aspect-ratio:1297.94 / 1197.07;
}

.weapon-preview{
    position:absolute;
    width:23rem;
    opacity:0;
    visibility:hidden;
    transform:var(--wp-transform, none) scale(0.96);
    pointer-events:none;
    transition:opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
}

.weapon-preview::before{
    content:"";
    position:absolute;
    z-index:-1;
}

.weapon-preview__box{
    position:relative;
    width:100%;
    height:17.5rem;
    border-radius:1.25rem;
    border:1px solid var(--wp-border, #20314c);
    background:rgba(11, 30, 60, 0.4);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    overflow:hidden;
    box-shadow:0 0.5rem 1.5rem rgba(0, 0, 0, 0.45);
}

.weapon-preview__slides{
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:12.5rem;
}

.weapon-preview__slide{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity 0.3s ease;
}

.weapon-preview__img{
    position:absolute;
    top:62%;
    left:50%;
    transform:translate(-50%, -50%);
    width:15rem;
    height:auto;
    max-width:none;
    pointer-events:none;
    filter:drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.45));
}

.weapon-preview__slide--main .weapon-preview__img{
    width:22rem;
}

.weapon-preview__img--knife{
    width:12rem;
}

.weapon-preview__type{
    position:absolute;
    top:1.5rem;
    right:1.6rem;
    white-space:nowrap;
}

.weapon-preview__name{
    position:absolute;
    top:1.5rem;
    left:1.6rem;
    display:flex;
    align-items:center;
    gap:0.4rem;
    white-space:nowrap;
}

.weapon-preview__badge{
    width:1.15rem;
    height:1.15rem;
    flex-shrink:0;
}

.weapon-preview__btn{
    position:absolute;
    left:50%;
    bottom:1rem;
    transform:translateX(-50%);
    width:calc(100% - 2rem);
}

.weapon-preview__btn span{
        font-family:var(--font-primary);
        font-weight:700;
        font-size:1.05rem;
        letter-spacing:0.02em;
        color:var(--color-white-1);
        white-space:nowrap;
    }

.weapon-preview .weapon-preview__btn:hover{
    transform:translateX(-50%) scale(1.05);
}

.weapon-preview--pt{
    left:15%;
    top:84%;
    --wp-transform:translateY(-50%);
    --wp-border:var(--color-pt-1);
    --wp-accent:var(--color-pt-1);
    --wp-glow:var(--color-pt-1);
}

.weapon-preview--pt::before{ top:0; bottom:0; right:100%; width:3rem; }

.weapon-preview--ro{
    left:70.5%;
    top:76%;
    --wp-transform:translateX(-50%);
    --wp-border:var(--color-ro-1);
    --wp-accent:var(--color-ro-1);
    --wp-glow:var(--color-ro-1);
}

.weapon-preview--ro::before{ left:0; right:0; bottom:100%; height:3rem; }

.weapon-preview--it{
    left:36%;
    top:82%;
    --wp-transform:translate(-100%, -50%);
    --wp-border:var(--color-it-1);
    --wp-accent:var(--color-it-2);
    --wp-glow:var(--color-it-1);
}

.weapon-preview--it::before{ top:-7rem; bottom:-7rem; left:100%; width:6rem; }

.weapon-preview--cs{
    left:46%;
    top:60%;
    --wp-transform:translate(-100%, -50%);
    --wp-border:var(--color-cs-1);
    --wp-accent:var(--color-cs-2);
    --wp-glow:var(--color-cs-1);
}

.weapon-preview--cs::before{ top:0; bottom:0; left:100%; width:3rem; }

.weapon-preview--uk{
    left:63%;
    top:57.5%;
    --wp-transform:translate(-100%, -50%);
    --wp-border:var(--color-uk-1);
    --wp-accent:var(--color-uk-1);
    --wp-glow:var(--color-uk-1);
}

.weapon-preview--uk::before{ top:0; bottom:0; left:100%; width:3rem; }

.weapon-preview:hover,
.main-screen__inner:has(.map-country[data-country="portugal"]:hover) .weapon-preview--pt,
.main-screen__inner:has(.map-country[data-country="romania"]:hover)  .weapon-preview--ro,
.main-screen__inner:has(.map-country[data-country="italy"]:hover)     .weapon-preview--it,
.main-screen__inner:has(.map-country[data-country="czechia"]:hover)   .weapon-preview--cs,
.main-screen__inner:has(.map-country[data-country="ukraine"]:hover)   .weapon-preview--uk{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:var(--wp-transform, none) scale(1);
    transition:transform 0.35s ease 0.25s, visibility 0s linear 0.25s;
}

.weapon-preview:hover .weapon-preview__slide,
.main-screen__inner:has(.map-country[data-country="portugal"]:hover) .weapon-preview--pt .weapon-preview__slide,
.main-screen__inner:has(.map-country[data-country="romania"]:hover)  .weapon-preview--ro .weapon-preview__slide,
.main-screen__inner:has(.map-country[data-country="italy"]:hover)     .weapon-preview--it .weapon-preview__slide,
.main-screen__inner:has(.map-country[data-country="czechia"]:hover)   .weapon-preview--cs .weapon-preview__slide,
.main-screen__inner:has(.map-country[data-country="ukraine"]:hover)   .weapon-preview--uk .weapon-preview__slide{
    animation-name:wpFade;
    animation-duration:6s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}

.weapon-preview:hover .weapon-preview__img,
.main-screen__inner:has(.map-country[data-country="portugal"]:hover) .weapon-preview--pt .weapon-preview__img,
.main-screen__inner:has(.map-country[data-country="romania"]:hover)  .weapon-preview--ro .weapon-preview__img,
.main-screen__inner:has(.map-country[data-country="italy"]:hover)     .weapon-preview--it .weapon-preview__img,
.main-screen__inner:has(.map-country[data-country="czechia"]:hover)   .weapon-preview--cs .weapon-preview__img,
.main-screen__inner:has(.map-country[data-country="ukraine"]:hover)   .weapon-preview--uk .weapon-preview__img{
    animation-name:wpSlideImg;
    animation-duration:6s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}

.weapon-preview__slide:nth-child(2){ animation-delay:2s; }

.weapon-preview__slide:nth-child(3){ animation-delay:4s; }

.weapon-preview__slide:nth-child(2) .weapon-preview__img{ animation-delay:2s; }

.weapon-preview__slide:nth-child(3) .weapon-preview__img{ animation-delay:4s; }

@keyframes wpFade{
    0%{ opacity:0; }
    4%{ opacity:1; }
    29%{ opacity:1; }
    33%{ opacity:0; }
    100%{ opacity:0; }
}

@keyframes wpSlideImg{
    0%{ transform:translate(calc(-50% + 3rem), -50%); }
    4%{ transform:translate(-50%, -50%); }
    29%{ transform:translate(-50%, -50%); }
    33%{ transform:translate(calc(-50% - 3rem), -50%); }
    100%{ transform:translate(calc(-50% - 3rem), -50%); }
}

.main-screen.show .map{
    animation:ms-map-in 1.25s cubic-bezier(0.22, 1, 0.36, 1) 0.45s backwards;
}

.main-screen.show .main-screen__stuff-item--tablet{ animation:ms-tablet-in 0.70s cubic-bezier(0.22, 1, 0.36, 1) 0.60s backwards; }

.main-screen.show .main-screen__stuff-item--pen{ animation:ms-pen-in 0.90s cubic-bezier(0.22, 1, 0.36, 1) 0.82s backwards; }

.main-screen.show .main-screen__stuff-item--mug{ animation:ms-mug-in 1.05s cubic-bezier(0.22, 1, 0.36, 1) 1.04s backwards; }

.main-screen.show .main-screen__stuff-item--flesh{ animation:ms-flesh-in 0.70s cubic-bezier(0.22, 1, 0.36, 1) 1.26s backwards; }

.main-screen.show .main-screen__stuff-item--pager{ animation:ms-pager-in 0.70s cubic-bezier(0.22, 1, 0.36, 1) 1.48s backwards; }

.main-screen.show .map-country[data-country="portugal"] .map-country__area{ animation:ms-country-flash 0.75s ease 1.90s backwards; }

.main-screen.show .map-country[data-country="italy"]    .map-country__area{ animation:ms-country-flash 0.75s ease 2.06s backwards; }

.main-screen.show .map-country[data-country="czechia"]  .map-country__area{ animation:ms-country-flash 0.75s ease 2.22s backwards; }

.main-screen.show .map-country[data-country="romania"]  .map-country__area{ animation:ms-country-flash 0.75s ease 2.38s backwards; }

.main-screen.show .map-country[data-country="ukraine"]  .map-country__area{ animation:ms-country-flash 0.75s ease 2.54s backwards; }

.main-screen.show .map-country[data-country="portugal"] .map-flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 1.98s forwards; }

.main-screen.show .map-country[data-country="italy"]    .map-flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.14s forwards; }

.main-screen.show .map-country[data-country="czechia"]  .map-flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.30s forwards; }

.main-screen.show .map-country[data-country="romania"]  .map-flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.46s forwards; }

.main-screen.show .map-country[data-country="ukraine"]  .map-flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.62s forwards; }

.main-screen.show .main-screen__title{
    animation:ms-title-reveal 4s ease 2.45s backwards;
}

.main-screen.show .main-screen__hints .main-screen__hint:nth-child(1){ animation:ms-hint-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 3.95s backwards; }

.main-screen.show .main-screen__hints .main-screen__hint:nth-child(2){ animation:ms-hint-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 4.15s backwards; }

@media (prefers-reduced-motion: reduce){
    .main-screen.show .map,
    .main-screen.show .main-screen__stuff-item,
    .main-screen.show .map-country__area,
    .main-screen.show .map-flag,
    .main-screen.show .main-screen__title,
    .main-screen.show .main-screen__hint{
        animation:none;
    }
    .map-flag{ opacity:1; }
}

@media (min-width: 1024px) and (max-width: 1919px){
    .main-screen__title{
        top:clamp(2.75rem, 7vh, 6.5rem);
        left:clamp(2rem, 7vw, 8rem);
        max-width:min(40rem, 46vw);
        font-size:clamp(1.9rem, 1.35vw + 1.45rem, 3rem);
    }
    .main-screen__hints{
        top:clamp(2.75rem, 7vh, 6.5rem);
        right:clamp(1.5rem, 5vw, 6rem);
        gap:1.15rem;
        max-width:min(18.5rem, 25vw);
        padding-top:6px;
    }
    .main-screen__hint{ gap:0.5rem; }
    .main-screen__hint-icon{ width:2.5rem; height:2.5rem; }
    .main-screen__hint-text{ font-size:clamp(0.85rem, 0.45vw + 0.75rem, 1.1rem); }
    .main-screen__stuff-item--tablet{ width:30vw; top:11em; }
    .main-screen__stuff-item--flesh{ width:10.5vw; left:2rem; bottom:7.75rem; }
    .main-screen__stuff-item--mug{ width:16vw; }
    .main-screen__stuff-item--pager{ width:19.5vw; }
    .main-screen__stuff-item--pen{ width:16.5vw; right:3rem; bottom:7.75rem; }
    .weapon-preview{ --wp-w:clamp(15rem, 19.5vw, 23rem); width:var(--wp-w); }
    .weapon-preview__box{ height:calc(var(--wp-w) * 0.761); border-radius:calc(var(--wp-w) * 0.054); }
    .weapon-preview__slides{ height:calc(var(--wp-w) * 0.543); }
    .weapon-preview__img{ width:calc(var(--wp-w) * 0.652); }
    .weapon-preview__slide--main .weapon-preview__img{ width:calc(var(--wp-w) * 0.957); }
    .weapon-preview__img--knife{ width:calc(var(--wp-w) * 0.522); }
    .weapon-preview__type{ top:calc(var(--wp-w) * 0.065); right:calc(var(--wp-w) * 0.07); font-size:calc(var(--wp-w) * 0.054); }
    .weapon-preview__name{ top:calc(var(--wp-w) * 0.065); left:calc(var(--wp-w) * 0.07); font-size:calc(var(--wp-w) * 0.054); }
    .weapon-preview__badge{ width:calc(var(--wp-w) * 0.05); height:calc(var(--wp-w) * 0.05); }
    .weapon-preview__btn{ bottom:calc(var(--wp-w) * 0.044); width:calc(100% - var(--wp-w) * 0.087); }
    .weapon-preview__btn span{ font-size:calc(var(--wp-w) * 0.056); }
}

.map-mobile{ display:none; }

.mobile-backdrop{ display:none; }

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

@keyframes ms-mcountry-flash{
    0%{ opacity:0; }
    45%{ opacity:1; }
    100%{ opacity:0; }
}

@media (max-width: 1023px){
    .map{ display:none; }
    .main-screen__inner{
        --band-top:clamp(11.5rem, 28vh, 16rem);
        --band-bottom:clamp(6.5rem, 18vh, 9rem);
        --band-h:calc(100vh - var(--band-top) - var(--band-bottom));
    }

    .map-mobile{
        display:block;
        position:absolute;
        left:0;
        right:0;
        top:var(--band-top);
        bottom:var(--band-bottom);
        z-index:4;
        pointer-events:none;
    }
    .mobile-backdrop{
        display:block;
        position:absolute;
        inset:0;
        z-index:2;
        pointer-events:none;
    }
    .main-screen__inner:has(.weapon-preview.show) .mobile-backdrop{ pointer-events:auto; }
    .main-screen__title{
        top:clamp(1.5rem, 4vh, 3rem);
        left:clamp(1rem, 5vw, 2rem);
        right:clamp(3.5rem, 14vw, 5rem);
        max-width:none;
        font-size:clamp(1.45rem, 6.4vw, 2rem);
        pointer-events:none;
        margin-top:-10px;
    }
    .main-screen__hints{
        top:clamp(8rem, 19vh, 10rem);
        left:clamp(1rem, 5vw, 2rem);
        right:clamp(1rem, 5vw, 2rem);
        flex-direction:row;
        gap:clamp(0.75rem, 3.5vw, 1.5rem);
        max-width:none;
        padding-top:10px;
        pointer-events:none;
    }
    .main-screen__hint{ flex:1; align-items:flex-start; gap:0.4rem; }
    .main-screen__hint-icon{ width:clamp(1.4rem, 6vw, 1.9rem); height:clamp(1.4rem, 6vw, 1.9rem); }
    .main-screen__hint-text{ font-size:clamp(0.65rem, 3vw, 0.8rem); }
    .mcountry{
        position:absolute;
        transform:translate(-50%, -50%);
        pointer-events:none;
    }
    .mcountry__map{ display:block; width:100%; height:auto; pointer-events:none; }
    .mcountry__hl{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        overflow:visible;
        opacity:0;
        pointer-events:none;
        transition:opacity 0.25s ease;
    }
    .mcountry.show .mcountry__hl{ opacity:1; }
    .mcountry__hl path{ stroke-width:3; stroke-linejoin:round; pointer-events:fill; cursor:pointer; }
    .mcountry--pt .mcountry__hl path{ fill:url(#magrad-portugal); stroke:var(--color-pt-2); }
    .mcountry--ro .mcountry__hl path{ fill:url(#magrad-romania);  stroke:var(--color-ro-2); }
    .mcountry--it .mcountry__hl path{ fill:url(#magrad-italy);    stroke:var(--color-it-2); }
    .mcountry--cs .mcountry__hl path{ fill:url(#magrad-czechia);  stroke:var(--color-cs-2); }
    .mcountry--uk .mcountry__hl path{ fill:url(#magrad-ukraine);  stroke:var(--color-uk-2); }
    #magrad-portugal .a{ stop-color:var(--color-pt-1); } #magrad-portugal .b{ stop-color:var(--color-pt-2); }
    #magrad-romania  .a{ stop-color:var(--color-ro-2); } #magrad-romania  .b{ stop-color:var(--color-ro-1); }
    #magrad-italy    .a{ stop-color:var(--color-it-1); } #magrad-italy    .b{ stop-color:var(--color-it-2); }
    #magrad-czechia  .a{ stop-color:var(--color-cs-1); } #magrad-czechia  .b{ stop-color:var(--color-cs-2); }
    #magrad-ukraine  .a{ stop-color:var(--color-uk-3); } #magrad-ukraine  .b{ stop-color:var(--color-uk-2); }
    .mcountry__flag{
        position:absolute;
        top:45%;
        left:50%;
        transform:translate(-50%, -50%);
        width:11vw;
        height:auto;
        z-index:1;
        pointer-events:none;
        opacity:0;
        filter:drop-shadow(0 0.15rem 0.35rem rgba(0, 0, 0, 0.5));
    }
    .mcountry--uk{ left:72%; top:20%; width:54vw; }
    .mcountry--ro{ left:59%; top:41%; width:34vw; }
    .mcountry--it{ left:41%; top:58%; width:48vw; }
    .mcountry--cs{ left:32%; top:24%; width:26vw; }
    .mcountry--pt{ left:14%; top:68%; width:26vw; }
    .map__previews{ position:static; }
    .map__previews-inner{ position:static; transform:none; height:auto; aspect-ratio:auto; }
    .weapon-preview{
        position:fixed;
        left:clamp(0.75rem, 4vw, 1.5rem);
        right:clamp(0.75rem, 4vw, 1.5rem);
        bottom:calc(3.75rem + 0.75rem);
        top:auto;
        width:auto;
        z-index:6000;
        --wp-h:clamp(10.5rem, 35vh, 14.5rem);
        --wp-max-top:calc(100vh - 3.75rem - 0.75rem - var(--wp-h));
        top:min(var(--wp-anchor, var(--wp-max-top)), var(--wp-max-top));
        bottom:auto;
        --wp-transform:none;
        transform:translateY(1.2rem);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    }
    .weapon-preview::before{ display:none; }
    .weapon-preview.show{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        pointer-events:auto;
        transition:transform 0.3s ease, visibility 0s;
    }
    .weapon-preview--pt{ --wp-anchor:calc(var(--band-top) + 0.680 * var(--band-h) + 11.4vw + 0.7rem); }
    .weapon-preview--ro{ --wp-anchor:calc(var(--band-top) + 0.410 * var(--band-h) +  7.9vw + 0.7rem); }
    .weapon-preview--it{ --wp-anchor:calc(var(--band-top) + 0.580 * var(--band-h) + 20.5vw + 0.7rem); }
    .weapon-preview--cs{ --wp-anchor:calc(var(--band-top) + 0.240 * var(--band-h) +  2.8vw + 0.7rem); }
    .weapon-preview--uk{ --wp-anchor:calc(var(--band-top) + 0.200 * var(--band-h) + 14.5vw + 0.7rem); }

    .weapon-preview__box{ height:var(--wp-h); border-radius:1rem; }
    .weapon-preview__slides{ height:clamp(9.5rem, 26vh, 13rem); }
    .weapon-preview__img{
        top:50%;
        left:50%;
        width:auto;
        height:auto;
        max-width:75%;
        max-height:75%;
    }

    .weapon-preview--uk .weapon-preview__slide:nth-child(2) .weapon-preview__img{ 
        max-width:60%;
        max-height:60%;
    }

    .weapon-preview--cs .weapon-preview__slide:nth-child(2) .weapon-preview__img{ 
        max-width:72%;
        max-height:72%;
    }

    .weapon-preview--it .weapon-preview__slide:nth-child(3) .weapon-preview__img{ 
        max-width:72%;
        max-height:72%;
    }
    .weapon-preview__slide--main .weapon-preview__img{ width:auto; height:auto; max-width:106%; max-height:94%; }
    .weapon-preview__img--knife{ width:auto; height:auto; max-width:78%; max-height:88%; }
    .weapon-preview__type{ top:0.9rem; right:1.1rem; font-size:clamp(0.88rem, 4.1vw, 1.15rem); }
    .weapon-preview__name{ top:0.9rem; left:1.1rem; font-size:clamp(0.88rem, 4.1vw, 1.15rem); }
    .weapon-preview__badge{ width:1rem; height:1rem; }
    .weapon-preview__btn{ bottom:0.85rem; width:calc(100% - 1.7rem); padding:0.75rem 1rem; }
    .weapon-preview__btn span{ font-size:clamp(0.85rem, 3.8vw, 1.05rem); }
    .weapon-preview.show .weapon-preview__slide{
        animation-name:wpFade;
        animation-duration:6s;
        animation-timing-function:ease-in-out;
        animation-iteration-count:infinite;
    }
    .weapon-preview.show .weapon-preview__img{
        animation-name:wpSlideImg;
        animation-duration:6s;
        animation-timing-function:ease-in-out;
        animation-iteration-count:infinite;
    }
    .main-screen__stuff-item--tablet{ width:48vw; left:-20vw; bottom:7vh; top:auto; transform:rotate(-12deg); }
    .main-screen__stuff-item--pager{ width:46vw; right:-20vw; bottom:31vh; top:auto; transform:rotate(15deg); }
    .main-screen__stuff-item--flesh{ width:19vw; left:40%; right:auto; bottom:20vh; top:auto; transform:rotate(-20deg); }
    .main-screen__stuff-item--pen{ width:42vw; left:59%; right:auto; bottom:21vh; top:auto; transform:rotate(45deg); }
    .main-screen__stuff-item--mug{ width:24vw; left:-7vw; right:auto; top:40%; bottom:auto; transform:rotate(-20deg); }
    .main-screen.show .main-screen__stuff-item--tablet{ animation:ms-fade-in 0.6s ease 0.45s both; }
    .main-screen.show .main-screen__stuff-item--pager{ animation:ms-fade-in 0.6s ease 0.60s both; }
    .main-screen.show .main-screen__stuff-item--flesh{ animation:ms-fade-in 0.6s ease 0.75s both; }
    .main-screen.show .main-screen__stuff-item--pen{ animation:ms-fade-in 0.6s ease 0.90s both; }
    .main-screen.show .main-screen__stuff-item--mug{ animation:ms-fade-in 0.6s ease 1.05s both; }
    .main-screen.show .map-mobile{
        animation:ms-fade-in 0.7s ease 0.45s backwards;
    }

    .main-screen.show .mcountry--pt .mcountry__hl{ animation:ms-mcountry-flash 0.75s ease 1.90s backwards; }
    .main-screen.show .mcountry--it .mcountry__hl{ animation:ms-mcountry-flash 0.75s ease 2.06s backwards; }
    .main-screen.show .mcountry--cs .mcountry__hl{ animation:ms-mcountry-flash 0.75s ease 2.22s backwards; }
    .main-screen.show .mcountry--ro .mcountry__hl{ animation:ms-mcountry-flash 0.75s ease 2.38s backwards; }
    .main-screen.show .mcountry--uk .mcountry__hl{ animation:ms-mcountry-flash 0.75s ease 2.54s backwards; }
    .main-screen.show .mcountry--pt .mcountry__flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 1.98s forwards; }
    .main-screen.show .mcountry--it .mcountry__flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.14s forwards; }
    .main-screen.show .mcountry--cs .mcountry__flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.30s forwards; }
    .main-screen.show .mcountry--ro .mcountry__flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.46s forwards; }
    .main-screen.show .mcountry--uk .mcountry__flag{ animation:ms-flag-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 2.62s forwards; }
    .main-screen.show .mcountry.show .mcountry__hl{ animation:none; opacity:1; }

    @media (prefers-reduced-motion: reduce){
        .main-screen.show .map-mobile,
        .main-screen.show .mcountry__hl,
        .main-screen.show .mcountry__flag{ animation:none; }
        .mcountry__flag{ opacity:1; }
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .map-country__tap{ pointer-events:none; }
    .main-screen__title{
        top:clamp(3rem, 8vh, 6.5rem);
        left:clamp(1.5rem, 5vw, 3.5rem);
        right:auto;
        max-width:min(26rem, 46vw);
        font-size:clamp(1.6rem, 4.2vw, 2.5rem);
        pointer-events:none;
    }
    .main-screen__hints{
        top:clamp(3rem, 8vh, 6.5rem);
        left:auto;
        right:clamp(1.25rem, 4vw, 3rem);
        flex-direction:column;
        gap:1.1rem;
        width:min(23rem, 38vw);
        max-width:none;
        padding-top:0;
        pointer-events:none;
    }
    .main-screen__hint{ flex:none; align-items:center; gap:0.7rem; }
    .main-screen__hint-icon{ width:2.6rem; height:2.6rem; }
    .main-screen__hint-text{ font-size:clamp(0.85rem, 1.55vw, 1.1rem); }
    .main-screen__inner{
        --band-top:clamp(13rem, 30vh, 22rem);
        --band-bottom:clamp(9rem, 20vh, 15rem);
    }
    .mcountry--uk{ left:70%; top:25%; width:42vw; }
    .mcountry--ro{ left:57%; top:50%; width:26vw; }
    .mcountry--it{ left:39%; top:63%; width:30vw; }
    .mcountry--cs{ left:38%; top:26%; width:20vw; }
    .mcountry--pt{ left:19%; top:80%; width:20vw; }
    .mcountry__flag{ width:8.5vw; }
    .weapon-preview--pt{ --wp-anchor:calc(var(--band-top) + 0.730 * var(--band-h) +  8.8vw + 0.7rem); }
    .weapon-preview--ro{ --wp-anchor:calc(var(--band-top) + 0.540 * var(--band-h) +  6.1vw + 0.7rem); }
    .weapon-preview--it{ --wp-anchor:calc(var(--band-top) + 0.770 * var(--band-h) + 12.9vw + 0.7rem); }
    .weapon-preview--cs{ --wp-anchor:calc(var(--band-top) + 0.360 * var(--band-h) +  2.1vw + 0.7rem); }
    .weapon-preview--uk{ --wp-anchor:calc(var(--band-top) + 0.310 * var(--band-h) + 11.4vw + 0.7rem); }
    .weapon-preview{
        --wp-h:clamp(12rem, 24vh, 15.5rem);
        left:50%;
        right:auto;
        width:min(26rem, 52vw);
        margin-left:calc(min(26rem, 52vw) / -2);
    }
    .weapon-preview__slides{ height:clamp(8rem, 18vh, 11.5rem); }
    .weapon-preview__type,
    .weapon-preview__name{ font-size:clamp(1.05rem, 2.2vw, 1.45rem); }
    .weapon-preview__btn{ padding:0.7rem 1rem; }
    .weapon-preview__btn span{ font-size:clamp(1rem, 2vw, 1.25rem); }
    .main-screen__stuff-item--tablet{ width:37vw; top:22em; left:calc(-49vw / 3); bottom:auto; transform:rotate(-30deg); }
    .main-screen__stuff-item--flesh{ width:14vw; left:15.5rem; bottom:9rem; top:auto; transform:rotate(30deg); }
    .main-screen__stuff-item--mug{ width:19vw; top:2rem; right:calc(-28vw / 3); left:auto; bottom:auto; transform:rotate(150deg); }
    .main-screen__stuff-item--pager{ width:23vw; top:60%; right:calc(-21vw / 4); left:auto; bottom:auto; transform:translateY(-50%) rotate(30deg); }
    .main-screen__stuff-item--pen{ width:25vw; right:9rem; bottom:17rem; left:auto; top:auto; transform:rotate(-15deg) scaleX(-1); }
}

.content:has(.activate-screen.show) [data-section]:not(.activate-screen){
   display:none !important;
}

.activate-screen{
    position:relative;
    box-sizing:border-box;
    width:100%;
    height:100%;
    overflow:hidden;
}

.activate-screen.show{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:clamp(2rem, 2.5vh, 3.5rem);
    padding:1vh clamp(1rem, 4vw, 5rem) calc(3.75rem + 2vh);
}

.activate-screen__stuff{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
}

.activate-screen__stuff-item{
    position:absolute;
    height:auto;
    max-width:none;
    -webkit-user-select:none;
            user-select:none;
}

.act-stuff--tablet{ width:30vw; top:-6vw;  left:-10vw;  transform:rotate(30deg); filter:brightness(0.8) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));}

.act-stuff--pager{ width:20vw; top:1vw;  right:-2vw; transform:rotate(-24deg);  filter:brightness(0.8) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));}

.act-stuff--flesh{ width:12vw; top:42%;   left:7vw; transform:rotate(-22deg);   filter:brightness(0.65) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));}

.act-stuff--pen{ width:18vw; top:37%;   right:6vw; transform:rotate(-140deg);   filter:brightness(0.75) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));}

.act-stuff--mug{ width:14vw; bottom:2vw;  left:-4vw;  transform:rotate(35deg);   filter:brightness(0.75) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));}

.act-stuff--mug2{ width:17vw; bottom:6.5vw; right:-8vw; transform:rotate(160deg);   filter:brightness(0.75) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.55)) drop-shadow(0 0 0.65rem rgba(0, 0, 0, 0.6));}

.activate-tablet{
    position:relative;
    z-index:2;
    width:min(47rem, 62vw);
    flex-shrink:0;
}

.activate-tablet__frame{
    display:block;
    width:100%;
    height:auto;
    filter:drop-shadow(0 1rem 2rem rgba(0, 0, 0, 0.6)) drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.5));
}

.activate-tablet__screen{
    position:absolute;
    left:7.5%;
    right:7.5%;
    top:10%;
    bottom:10.2%;
    border-radius:0.5rem;
    background:radial-gradient(120% 120% at 50% 40%, #0b1f3d 0%, #050f22 100%);
    box-shadow:inset 0 0 2rem rgba(0, 0, 0, 0.6);
    overflow:hidden;
    cursor:pointer;
}

.activate-country{
    --ac-line:rgba(74, 148, 255, 0.45);
    position:absolute;
    inset:1.5%;
    display:grid;
    grid-template-columns:1.35fr 1fr;
    border:4px solid var(--ac-line);
    border-radius:0.6rem;
    box-shadow:inset 0 0 0.7rem rgba(74, 148, 255, 0.12);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateX(-8%);
    pointer-events:none;
    transition:opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
}

.activate-country.show{
    visibility:visible;
    pointer-events:auto;
    transition:none;
    animation:ac-slide-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes ac-slide-in{
    from{ opacity:0; transform:translateX(8%); }
    to{ opacity:1; transform:translateX(0); }
}

.activate-country__map{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:0;
    border-right:4px solid var(--ac-line);
}

.activate-country--pt .activate-country__map{ background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-pt-1) 45%, transparent) 68%, color-mix(in srgb, var(--color-pt-2) 65%, transparent) 100%); }

.activate-country--ro .activate-country__map{ background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-ro-1) 45%, transparent) 68%, color-mix(in srgb, var(--color-ro-2) 65%, transparent) 100%); }

.activate-country--it .activate-country__map{ background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-it-1) 45%, transparent) 68%, color-mix(in srgb, var(--color-it-2) 65%, transparent) 100%); }

.activate-country--cs .activate-country__map{ background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-cs-1) 45%, transparent) 68%, color-mix(in srgb, var(--color-cs-2) 65%, transparent) 100%); }

.activate-country--uk .activate-country__map{ background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-uk-2) 45%, transparent) 68%, color-mix(in srgb, var(--color-uk-3) 65%, transparent) 100%); }

.activate-country__map-svg{
    display:block;
    width:84%;
    height:84%;
    overflow:visible;
}

.activate-country__map-svg path{
    stroke-width:3;
    stroke-linejoin:round;
}

.activate-country--pt .activate-country__map-svg path{ fill:url(#agrad-portugal); stroke:var(--color-pt-2); }

.activate-country--ro .activate-country__map-svg path{ fill:url(#agrad-romania);  stroke:var(--color-ro-2); }

.activate-country--it .activate-country__map-svg path{ fill:url(#agrad-italy);    stroke:var(--color-it-2); }

.activate-country--cs .activate-country__map-svg path{ fill:url(#agrad-czechia);  stroke:var(--color-cs-2); }

.activate-country--uk .activate-country__map-svg path{ fill:url(#agrad-ukraine);  stroke:var(--color-uk-2); }

#agrad-portugal .a{ stop-color:var(--color-pt-1); }

#agrad-portugal .b{ stop-color:var(--color-pt-2); }

#agrad-romania  .a{ stop-color:var(--color-ro-2); }

#agrad-romania  .b{ stop-color:var(--color-ro-1); }

#agrad-italy    .a{ stop-color:var(--color-it-1); }

#agrad-italy    .b{ stop-color:var(--color-it-2); }

#agrad-czechia  .a{ stop-color:var(--color-cs-1); }

#agrad-czechia  .b{ stop-color:var(--color-cs-2); }

#agrad-ukraine  .a{ stop-color:var(--color-uk-3); }

#agrad-ukraine  .b{ stop-color:var(--color-uk-2); }

.activate-country--pt .activate-country__map-svg{ filter:drop-shadow(0 0 0.9rem var(--color-pt-1)); }

.activate-country--ro .activate-country__map-svg{ filter:drop-shadow(0 0 0.9rem var(--color-ro-1)); }

.activate-country--it .activate-country__map-svg{ filter:drop-shadow(0 0 0.9rem var(--color-it-1)); }

.activate-country--cs .activate-country__map-svg{ filter:drop-shadow(0 0 0.9rem var(--color-cs-1)); }

.activate-country--uk .activate-country__map-svg{ filter:drop-shadow(0 0 0.9rem var(--color-uk-2)); }

.activate-country__side{
    display:grid;
    grid-template-rows:42% 58%;
    min-width:0;
}

.activate-country__flag{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5%;
    border-bottom:4px solid var(--ac-line);
}

.activate-country__flag img{
    width:52%;
    height:auto;
    filter:drop-shadow(0 0 0.35rem rgba(74, 148, 255, 0.95)) drop-shadow(0 0 0.9rem rgba(74, 148, 255, 0.55));
}

.activate-slider{
    position:relative;
    overflow:hidden;
}

.activate-slider__slide{
    position:absolute;
    inset:0;
    opacity:0;
    animation:actFade 8s ease-in-out infinite;
}

.activate-slider__img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width:94%;
    max-height:88%;
    width:auto;
    height:auto;
    animation:actSlideImg 8s ease-in-out infinite;
    object-fit:cover;
}

.activate-slider__slide:nth-child(1),
.activate-slider__slide:nth-child(1) .activate-slider__img{ animation-delay:0s; }

.activate-slider__slide:nth-child(2),
.activate-slider__slide:nth-child(2) .activate-slider__img{ animation-delay:2s; }

.activate-slider__slide:nth-child(3),
.activate-slider__slide:nth-child(3) .activate-slider__img{ animation-delay:4s; }

.activate-slider__slide:nth-child(4),
.activate-slider__slide:nth-child(4) .activate-slider__img{ animation-delay:6s; }

.activate-country--it .activate-slider__slide:nth-child(1) .activate-slider__img{ 
    max-width:120%;
    max-height:120%;
}

.activate-country--it .activate-slider__slide:nth-child(2) .activate-slider__img{ 
    max-width:90%;
    max-height:90%;
    filter:drop-shadow(0 1px 10px #1afa8a); 
}

.activate-country--it .activate-slider__slide:nth-child(3) .activate-slider__img{ 
    max-width:90%;
    max-height:90%;
    filter:drop-shadow(0 1px 10px #1afa8a); 
}

.activate-country--cs .activate-slider__slide:nth-child(1) .activate-slider__img{ 
    max-width:125%;
    max-height:125%;
}

.activate-country--cs .activate-slider__slide:nth-child(2) .activate-slider__img{ 
    max-width:85%;
    max-height:85%;
    filter:drop-shadow(0 1px 10px #a5c5f7); 
}

.activate-country--cs .activate-slider__slide:nth-child(3) .activate-slider__img{ 
    max-width:88%;
    max-height:88%;
    filter:drop-shadow(0 1px 10px #a5c5f7); 
}

.activate-country--uk .activate-slider__slide:nth-child(1) .activate-slider__img{ 
    max-width:125%;
    max-height:125%;
}

.activate-country--uk .activate-slider__slide:nth-child(2) .activate-slider__img{ 
    max-width:72%;
    max-height:72%;
    filter:drop-shadow(0 1px 10px #03cdff); 
}

.activate-country--uk .activate-slider__slide:nth-child(3) .activate-slider__img{ 
    max-width:85%;
    max-height:85%;
    filter:drop-shadow(0 1px 10px #03cdff); 
}

@keyframes actFade{
    0%{ opacity:0; }
    3%{ opacity:1; }
    22%{ opacity:1; }
    25%{ opacity:0; }
    100%{ opacity:0; }
}

@keyframes actSlideImg{
    0%{ transform:translate(calc(-50% + 2rem), -50%); }
    3%{ transform:translate(-50%, -50%); }
    22%{ transform:translate(-50%, -50%); }
    25%{ transform:translate(calc(-50% - 2rem), -50%); }
    100%{ transform:translate(calc(-50% - 2rem), -50%); }
}

.activate-cases{
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:clamp(0.75rem, 2vw, 2.25rem);
    flex-shrink:0;
}

.activate-case{
    position:relative;
    padding:0;
    border:none;
    background:none;
    cursor:pointer;
    width:clamp(9.5rem, 14vw, 16.5rem);
    filter:drop-shadow(0 0.25rem 0.9rem color-mix(in srgb, var(--case-glow, #fff) 55%, transparent));
    transition:transform 0.3s ease, filter 0.3s ease;
}

.activate-case__img{
    display:block;
    width:100%;
    height:auto;
    transform-origin:center;
    filter:brightness(0.75);
    transition:filter 0.3s ease, scale 0.3s ease;
}

.activate-case:hover{
    transform:translateY(-0.35rem);
    filter:drop-shadow(0 0.25rem 1.4rem color-mix(in srgb, var(--case-glow, #fff) 75%, transparent));
}

.activate-case:hover .activate-case__img{
    filter:brightness(1);
}

.activate-case__reopen{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    cursor:pointer;
}

.activate-case.show .activate-case__reopen{
    pointer-events:auto;
}

.activate-case::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.35) 35%, rgba(255, 255, 255, 0) 65%);
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% auto;
    mask-size:100% auto;
}

.activate-case--pt::after{ -webkit-mask-image:url(/images/cases/pt-case.avif); mask-image:url(/images/cases/pt-case.avif); }

.activate-case--ro::after{ -webkit-mask-image:url(/images/cases/ro-case.avif); mask-image:url(/images/cases/ro-case.avif); }

.activate-case--it::after{ -webkit-mask-image:url(/images/cases/it-case.avif); mask-image:url(/images/cases/it-case.avif); }

.activate-case--cs::after{ -webkit-mask-image:url(/images/cases/cs-case.avif); mask-image:url(/images/cases/cs-case.avif); }

.activate-case--uk::after{ -webkit-mask-image:url(/images/cases/uk-case.avif); mask-image:url(/images/cases/uk-case.avif); }

.activate-case.show::after{
    animation:ac-case-select 0.55s ease-out;
}

@keyframes ac-case-select{
    0%{ opacity:0;   transform:translateY(28%); }
    30%{ opacity:1; }
    100%{ opacity:0;   transform:translateY(-12%); }
}

.activate-case.show{
    transform:translateY(-0.6rem);
    transform-origin:center;
    filter:drop-shadow(0 0 1.7rem var(--case-glow, #fff));
}

@keyframes ac-case-breathe{
    0%, 100%{ scale:1.04; }
    50%{ scale:1.11; }
}

.activate-case.show .activate-case__img{
    filter:brightness(1.12);
}

.activate-case:nth-child(1){ --case-glow:var(--color-pt-1); }

.activate-case:nth-child(2){ --case-glow:var(--color-ro-1); }

.activate-case:nth-child(3){ --case-glow:var(--color-it-1); }

.activate-case:nth-child(4){ --case-glow:var(--color-cs-1); }

.activate-case:nth-child(5){ --case-glow:var(--color-uk-2); }

.activate-case__price{
    position:absolute;
    top:-0.4rem;
    left:-0.4rem;
    z-index:2;
    display:flex;
    align-items:center;
    gap:0.3rem;
    padding:0.5rem 0.85rem;
    border-radius:0.625rem;
    font-family:var(--font-primary);
    font-weight:700;
    color:var(--color-white-1);
    white-space:nowrap;
    box-shadow:0 0.15rem 0.5rem rgba(0, 0, 0, 0.4);
}

.activate-case__coin{
    width:1.1rem;
    height:1.1rem;
    filter:drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.3));
    margin-bottom:1px;
}

.activate-case.show .activate-case__price{
    display:none;
}

.activate-case--pt .activate-case__price{ background:linear-gradient(180deg, var(--color-pt-2), var(--color-pt-1)); border:1px solid rgba(255, 164, 152, 0.90); box-shadow:0 0 2px 0 #FFA498 inset, 0 0 20px 0 rgba(224, 25, 51, 0.80), 0 0 10px 0 #E01933;
}

.activate-case--ro .activate-case__price{ background:linear-gradient(180deg, var(--color-ro-2), var(--color-ro-1)); border:1px solid rgba(253, 192, 23, 0.90); box-shadow:0 0 2px 0 #FD8217 inset, 0 0 20px 0 rgba(253, 130, 23, 0.80), 0 0 10px 0 #FD8217;}

.activate-case--it .activate-case__price{ background:linear-gradient(180deg, var(--color-it-2), var(--color-it-1)); border:1px solid rgba(26, 208, 129, 0.90); box-shadow:0 0 2px 0 #F0FFFE inset, 0 0 20px 0 rgba(26, 208, 129, 0.80), 0 0 10px 0 #1AD081;}

.activate-case--cs .activate-case__price{ background:linear-gradient(180deg, var(--color-cs-2), var(--color-cs-1)); border:1px solid rgba(81, 120, 180, 0.90); box-shadow:0 0 2px 0 #99BEF6 inset, 0 0 20px 0 rgba(153, 190, 246, 0.80), 0 0 10px 0 #99BEF6;}

.activate-case--uk .activate-case__price{ background:linear-gradient(180deg, var(--color-uk-3), var(--color-uk-2)); border:1px solid rgba(23, 151, 253, 0.90); box-shadow:0 0 2px 0 #1DF0FF inset, 0 0 20px 0 rgba(23, 151, 253, 0.80), 0 0 10px 0 #1797FD;}

.activate-case__bonus{
    display:none;
    position:absolute;
    right:-0.4rem;
    bottom:-0.5rem;
    z-index:3;
    padding:0.55rem 1.1rem;
    border-radius:0.6rem;
    font-family:var(--font-primary);
    font-weight:700;
    color:var(--color-white-1);
    white-space:nowrap;
    cursor:pointer;
    pointer-events:auto;
    transform:none !important;
}

.activate-case.show .activate-case__bonus{
    display:block;
}

.activate-case__bonus::after{
    content:"";
    position:absolute;
    top:-0.50rem;
    right:1rem;
    z-index:-1;
    width:1rem;
    height:1rem;
    background:var(--bonus-c, #E01933);
    border-radius:0.14rem;
    transform:rotate(45deg);
}

.activate-case--pt .activate-case__bonus{ --bonus-c:var(--color-pt-1); background:radial-gradient(85% 100% at 50% 100%, var(--color-pt-2) 0%, var(--color-pt-1) 100%); box-shadow:0 0 0.75rem color-mix(in srgb, var(--color-pt-1) 70%, transparent), inset 0 0 2px var(--color-pt-2); filter:drop-shadow(0 0 10px #E01933) drop-shadow(0 0 20px rgba(224, 25, 51, 0.80));}

.activate-case--ro .activate-case__bonus{ --bonus-c:var(--color-ro-1); background:radial-gradient(85% 100% at 50% 100%, var(--color-ro-2) 0%, var(--color-ro-1) 100%); box-shadow:0 0 0.75rem color-mix(in srgb, var(--color-ro-1) 70%, transparent), inset 0 0 2px var(--color-ro-2); filter:drop-shadow(0 0 10px #FD8217) drop-shadow(0 0 20px rgba(253, 130, 23, 0.80));
 }

.activate-case--it .activate-case__bonus{ --bonus-c:var(--color-it-1); background:radial-gradient(85% 100% at 50% 100%, var(--color-it-2) 0%, var(--color-it-1) 100%); box-shadow:0 0 0.75rem color-mix(in srgb, var(--color-it-1) 70%, transparent), inset 0 0 2px var(--color-it-2); filter:drop-shadow(0 0 10px #1AD081) drop-shadow(0 0 20px rgba(26, 208, 129, 0.80));}

.activate-case--cs .activate-case__bonus{ --bonus-c:var(--color-cs-1); background:radial-gradient(85% 100% at 50% 100%, var(--color-cs-2) 0%, var(--color-cs-1) 100%); box-shadow:0 0 0.75rem color-mix(in srgb, var(--color-cs-1) 70%, transparent), inset 0 0 2px var(--color-cs-2); filter:drop-shadow(0 0 10px #99BEF6) drop-shadow(0 0 20px rgba(153, 190, 246, 0.80)); }

.activate-case--uk .activate-case__bonus{ --bonus-c:var(--color-uk-2); background:radial-gradient(85% 100% at 50% 100%, var(--color-uk-3) 0%, var(--color-uk-2) 100%); box-shadow:0 0 0.75rem color-mix(in srgb, var(--color-uk-2) 70%, transparent), inset 0 0 2px var(--color-uk-3); filter:drop-shadow(0 0 10px #1797FD) drop-shadow(0 0 20px rgba(23, 151, 253, 0.80)); }

.activate-cases-title{
    position:relative;
    z-index:2;
    margin:0;
    max-width:60rem;
    text-align:center;
    font-size:clamp(1rem, 2vw, 1.9rem);
    text-shadow:0 0.125rem 0.875rem rgba(0, 0, 0, 0.5);
}

.activate-screen.show .activate-tablet{
    animation:act-tablet-in 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.35s backwards;
}

.activate-screen.show .act-stuff--tablet{ animation:act-pop-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.50s backwards; }

.activate-screen.show .act-stuff--pager{ animation:act-pop-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.60s backwards; }

.activate-screen.show .act-stuff--flesh{ animation:act-pop-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.70s backwards; }

.activate-screen.show .act-stuff--pen{ animation:act-pop-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.80s backwards; }

.activate-screen.show .act-stuff--mug{ animation:act-pop-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.90s backwards; }

.activate-screen.show .act-stuff--mug2{ animation:act-pop-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) 1.00s backwards; }

.activate-screen.show .activate-cases .activate-case:nth-child(1){ --case-delay:1.15s; }

.activate-screen.show .activate-cases .activate-case:nth-child(2){ --case-delay:1.25s; }

.activate-screen.show .activate-cases .activate-case:nth-child(3){ --case-delay:1.35s; }

.activate-screen.show .activate-cases .activate-case:nth-child(4){ --case-delay:1.45s; }

.activate-screen.show .activate-cases .activate-case:nth-child(5){ --case-delay:1.55s; }

.activate-screen.show .activate-case{
    animation:act-rise 0.5s cubic-bezier(0.22, 1, 0.36, 1) var(--case-delay, 1.2s) backwards;
}

.activate-screen.show .activate-case.show .activate-case__img{
    animation:ac-case-breathe 2.6s ease-in-out infinite;
}

.activate-screen.show .activate-cases-title{
    animation:act-rise 0.5s cubic-bezier(0.22, 1, 0.36, 1) 1.9s backwards;
}

@media (prefers-reduced-motion: reduce){
    .activate-screen.show .activate-tablet,
    .activate-screen.show .activate-screen__stuff-item,
    .activate-screen.show .activate-case,
    .activate-screen.show .activate-cases-title{ animation:none; }
    .activate-screen.show .activate-case.show .activate-case__img{ animation:ac-case-breathe 2.6s ease-in-out infinite; }
}

@media (min-width: 1024px) and (max-width: 1919px){
    .activate-screen.show{
        gap:clamp(1.5rem, 3vh, 3rem);
        padding:1vh clamp(1rem, 4vw, 4rem) calc(3.75rem + 1.5vh);
    }
    .activate-tablet{ width:min(43rem, 58vw, 72vh); }
    .activate-cases{ gap:clamp(0.6rem, 1.6vw, 1.75rem); }
    .activate-case{ width:clamp(8rem, 12.5vw, 13.5rem); }
    .activate-cases-title{ font-size:clamp(0.85rem, 1.5vw, 1.4rem); }
    .act-stuff--tablet{ width:28vw; }
    .act-stuff--pager{ width:18vw; }
    .act-stuff--flesh{ width:12vw; }
    .act-stuff--pen{ width:17vw; }
    .act-stuff--mug{ width:14vw; }
    .act-stuff--mug2{ width:16vw; }
}

@media (max-width: 767px){
    .activate-screen.show{
        --act-gap:clamp(1rem, 3.5vh, 2.5rem);
        gap:var(--act-gap);
        padding:2vh 0 calc(3.75rem + 2vh);
        justify-content:center;
    }

    .activate-case .activate-case__price{
        display:none;   
    }

    .activate-case.show .activate-case__price{
        display:flex;   
    }
    .activate-tablet{ width:min(108vw, 66vh); }
    .activate-defs{ position:absolute; }

    .activate-cases-title{
        display:block;
        position:relative;
        order:-1;
        z-index:3;
        width:100%;
        max-width:none;
        box-sizing:border-box;
        padding:0 4vw;
        margin-bottom:calc(0.8rem - var(--act-gap));
        text-align:center;
        font-size:clamp(0.85rem, 3.9vw, 1.25rem);
    }
    .activate-cases{
        --case-w:62vw;
        --case-gap:4.55vw;
        --case-step:calc(var(--case-w) + var(--case-gap));
        gap:var(--case-gap);
        flex-shrink:0;
        align-items:center;
        transform:translateX(0);
        transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
        will-change:transform;
    }
    .activate-case{
        width:var(--case-w);
        flex-shrink:0;
    }
    .activate-screen:has(.activate-case:nth-child(1).show) .activate-cases{ transform:translateX(calc(var(--case-step) * 2)); }
    .activate-screen:has(.activate-case:nth-child(2).show) .activate-cases{ transform:translateX(calc(var(--case-step) * 1)); }
    .activate-screen:has(.activate-case:nth-child(3).show) .activate-cases{ transform:translateX(0); }
    .activate-screen:has(.activate-case:nth-child(4).show) .activate-cases{ transform:translateX(calc(var(--case-step) * -1)); }
    .activate-screen:has(.activate-case:nth-child(5).show) .activate-cases{ transform:translateX(calc(var(--case-step) * -2)); }
    .activate-case__bonus{
        left:0;
        right:0;
        bottom:-0.6rem;
        margin:0 auto;
        width:max-content;
        padding:0.4rem 0.9rem;
        font-size:clamp(0.75rem, 3.4vw, 0.95rem);
    }
    .activate-case__bonus::after{ left:50%; right:auto; margin-left:-0.36rem; }

    .activate-case__price{ font-size:clamp(0.7rem, 3.2vw, 0.9rem); }
    .activate-case__coin{ width:1rem; height:1rem; }
    .act-stuff--pen{ width:42vw; top:4vh;  left:13vw;  right:auto; bottom:auto; transform:rotate(10deg); }
    .act-stuff--pager{ width:40vw; top:-5vh; right:-3vw; left:auto; bottom:auto; transform:rotate(18deg); }
    .act-stuff--tablet{ width:46vw; bottom:4vh; left:-12vw; right:auto; top:auto; transform:rotate(-8deg); }
    .act-stuff--flesh{ width:22vw; bottom:13vh; left:46%;  right:auto; top:auto; transform:rotate(28deg); }
    .act-stuff--mug{ width:34vw; bottom:2vh; right:-8vw; left:auto; top:auto; transform:rotate(255deg); }
    .act-stuff--mug2{ display:none; }

    .activate-case__bonus{
        padding:0.6rem 1.2rem;
        font-size:clamp(1rem, 3.4vw, 2.5rem);
        bottom:-1.25rem;
    }

    .activate-case__price{
        left:-1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .activate-screen.show{
        gap:clamp(1rem, 2.2vh, 2rem);
        padding:1.5vh clamp(0.5rem, 2vw, 1.5rem) calc(3.75rem + 1.5vh);
    }
    .activate-tablet{ width:min(40rem, 78vw, 52vh); }
    .activate-cases{ gap:clamp(0.35rem, 1.1vw, 0.9rem); }
    .activate-case{ width:clamp(6.5rem, 16.2vw, 9.5rem); }
    .activate-case__price{
        top:-0.25rem;
        left:-0.25rem;
        gap:0.2rem;
        padding:0.12rem 0.4rem;
        border-radius:0.75rem;
        font-size:clamp(0.6rem, 1.35vw, 0.8rem);
    }
    .activate-case__coin{ width:0.85rem; height:0.85rem; }
    .activate-case__bonus{
        bottom:-1.15rem;
        right:-0.25rem;
        padding:0.2rem 0.55rem;
        border-radius:0.45rem;
        font-size:clamp(0.6rem, 1.35vw, 0.8rem);
    }
    .activate-case__bonus::after{ top:-0.24rem; right:0.6rem; width:0.5rem; height:0.5rem; }
    .activate-cases-title{ font-size:clamp(1.5rem, 1.9vw, 2rem); margin-top:20px;}
    .act-stuff--tablet{ width:34vw; }
    .act-stuff--pager{ width:24vw; }
    .act-stuff--flesh{ width:16vw; left:0.05rem; transform:rotate(68deg); }
    .act-stuff--pen{ width:24vw; top:8rem; left:25rem; transform:rotate(190deg);}
    .act-stuff--mug{ width:16vw; }
    .act-stuff--mug2{ width:27vw; }
}