/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@font-face{
    font-family:Anton;
    src:local("Anton-Regular"),url(../fonts/Anton-Regular.woff2) format("woff2"),url(../fonts/Anton-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:SourceSansPro;
    src:local("SourceSansPro-Black"),url(../fonts/SourceSansPro-Black.woff2) format("woff2"),url(../fonts/SourceSansPro-Black.woff) format("woff");
    font-weight:900;
    font-style:black;
    font-display:swap
}
@font-face{
    font-family:SourceSansPro;
    src:local("SourceSansPro-Bold"),url(../fonts/SourceSansPro-Bold.woff2) format("woff2"),url(../fonts/SourceSansPro-Bold.woff) format("woff");
    font-weight:700;
    font-style:bold;
    font-display:swap
}
@font-face{
    font-family:Anton-Regular;
    src:local("Anton-Regular"),url(../fonts/Anton-Regular.woff2) format("woff2"),url(../fonts/Anton-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Montserrat-Black;
    src:local("Montserrat-Black"),url(../fonts/Montserrat-Black.woff2) format("woff2"),url(../fonts/Montserrat-Black.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Montserrat-Bold;
    src:local("Montserrat-Bold"),url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Montserrat-Regular;
    src:local("Montserrat-Regular"),url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:Montserrat-Thin;
    src:local("Montserrat-Thin"),url(../fonts/Montserrat-Thin.woff2) format("woff2"),url(../fonts/Montserrat-Thin.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:SourceSansPro-Black;
    src:local("SourceSansPro-Black"),url(../fonts/SourceSansPro-Black.woff2) format("woff2"),url(../fonts/SourceSansPro-Black.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:SourceSansPro-Bold;
    src:local("SourceSansPro-Bold"),url(../fonts/SourceSansPro-Bold.woff2) format("woff2"),url(../fonts/SourceSansPro-Bold.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:SourceSansPro-Regular;
    src:local("SourceSansPro-Regular"),url(../fonts/SourceSansPro-Regular.woff2) format("woff2"),url(../fonts/SourceSansPro-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:SourceSansPro-Semibold;
    src:local("SourceSansPro-Semibold"),url(../fonts/SourceSansPro-Semibold.woff2) format("woff2"),url(../fonts/SourceSansPro-Semibold.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
details,main{
    display:block
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:ButtonText dotted 1px
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
[hidden],template{
    display:none
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.--just-space{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.--just-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.--just-end{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.--align-str{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.--align-center{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.--align-end{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.--dir-col{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
body,html{
    min-height:100%;
    position:relative
}
body{
    font-size:1rem;
    padding:0;
    margin:0;
    max-height:100vh;
    min-height:700px;
    height:100%;
    overflow-x:hidden;
    overflow-y:scroll;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
h1,h2,h3,h4,h5,h6,li,ol,p,ul{
    margin:0
}
:root{
    --primary-color:#EBEBEB;
    --secondary-color:#2542DD;
    --accent-color:#FFE617;
    --text-color:#ffffff;
    --edge-padding:2rem;
    --transition:0.5s
}
*,::after,::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:24px;
    height:100%;
    scroll-behavior:smooth;
    background-color:var(--primary-color);
    color:var(--primary-color);
    font-family:Montserrat;
    background-image:url(../img/Webp/1920x1080-min.webp);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#000117
}
.section{
    padding-inline:var(--edge-padding);
    position:relative;
    scroll-margin-top:3.7083333333rem
}
.container{
    max-width:100%;
    margin-inline:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 5rem
}
h1{
    color:var(--accent-color);
    font-family:Anton;
    font-weight:400;
    font-size:2.66666rem;
    line-height:1.4;
    margin-bottom:.1rem
}
h2{
    color:var(--text-color);
    font-family:Anton;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.5
}
p{
    margin:0;
    color:var(--text-color);
    font-weight:400;
    font-size:1rem;
    line-height:1.4;
    text-transform:uppercase;
    font-family:Anton
}
a{
    background-color:rgba(0,0,0,0);
    text-decoration:none;
    color:var(--accent-color);
    font-weight:600
}
img,svg{
    display:block;
    max-width:100%;
    height:auto
}
.ui-accent{
    color:var(--accent-color)
}
.btn{
    position:relative;
    font-size:1.3rem;
    font-weight:600;
    text-align:center;
    overflow:hidden;
    cursor:pointer;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    border:none;
    border-radius:0;
    background:#ffa30c;
    margin:1rem auto .5rem;
    color:#101010;
    -webkit-animation:2.5s ease-in-out infinite btn-anim;
    animation:2.5s ease-in-out infinite btn-anim
}
.btn-text{
    display:block;
    padding:1rem 6rem;
    position:relative;
    z-index:3;
    font-family:Arial
}
.btn-text::after,.btn-text::before{
    content:"";
    background-image:url(../img/button-pattern.png);
    position:absolute;
    height:100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:left;
    top:0;
    left:0;
    width:100%
}
.btn-text::after{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.btn-section{
    position:relative;
    z-index:15
}
.btn-section .container{
    padding:1rem 0 3rem
}
.promocode-block{
    background-image:url(../img/Kodpromocyjny_.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    padding:.55rem
}
.btn::before{
    content:"";
    position:absolute;
    right:-5%;
    top:0;
    width:0%;
    height:110%;
    -webkit-transition:width var(--transition);
    transition:width var(--transition);
    z-index:2
}
.btn.light::before{
    background:#fff;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg)
}
.btn.dark::before{
    background:#ffe617;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg)
}
.btn:hover::before{
    width:110%;
    right:-3%
}
.header{
    width:100%;
    height:6rem
}
.header .container{
    padding:1.5rem 0 1rem
}
.header a{
    display:block;
    width:10rem;
    margin:0 auto
}
.bonus-block{
    margin:0;
    padding:0;
    background-image:url(../img/Webp/main_offer-minx2.webp);
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:40rem;
    text-align:center
}
.bonus-block .container{
    padding:2rem 0
}
.bonus-info{
    width:100%
}
.chars{
    width:51%;
    position:absolute;
    bottom:0;
    right:0;
    z-index:1
}
.char{
    width:100%
}
.lightning{
    position:absolute;
    width:100%;
    top:0;
    z-index:-1
}
.light-left,.light-right{
    position:absolute;
    width:20em;
    height:20em;
    top:30%;
    z-index:-2;
    background:#0bf;
    -webkit-filter:blur(100px);
    filter:blur(100px);
    -webkit-animation:4s ease-in-out infinite light;
    animation:4s ease-in-out infinite light
}
.light-left{
    left:0
}
.light-right{
    right:20%
}
@-webkit-keyframes light{
    0%,100%{
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes light{
    0%,100%{
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes btn-anim{
    0%,100%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes btn-anim{
    0%,100%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.footer{
    z-index:10;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(.16%,#000117),color-stop(29.83%,rgba(0,1,23,0)));
    background:linear-gradient(0deg,#000117 .16%,rgba(0,1,23,0) 29.83%)
}
.footer .container{
    padding:4rem 5rem 1rem
}
.footer .row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.footer img{
    max-width:6rem;
    max-height:2rem
}
.benefit-text p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:1.41rem;
    font-family:SourceSansPro;
    font-weight:700;
    line-height:1
}
.benefit-text .ui-accent{
    font-weight:600;
    font-size:1.5rem;
    padding-bottom:.2rem
}
.promocode{
    cursor:pointer
}
.copied-info-window{
    position:fixed;
    top:1em;
    right:1em;
    padding:1em;
    border-radius:1em;
    background:#080c30;
    color:#ffe617;
    z-index:99999;
    width:10em;
    font-family:SourceSansPro;
    text-transform:uppercase;
    text-align:center
}
@media(max-width:1780px){
    html{
        font-size:22px
    }
}
@media(max-width:1600px){
    html{
        font-size:20px
    }
}
@media(max-width:1441px){
    html{
        font-size:18px
    }
}
@media(max-width:1281px){
    html{
        font-size:16px
    }
}
@media(max-width:1140px){
    html{
        font-size:14px
    }
}
@media(max-width:1020px){
    html{
        font-size:12px
    }
    .light-left,.light-right{
        top:20%
    }
}
@media(max-width:767px){
    html{
        font-size:12px;
        background-color:#04082a;
        background-image:url(../img/Webp/X - 37-min.webp)
    }
    body{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .container{
        padding:0
    }
    h1{
        text-align:center;
        font-size:3rem
    }
    h2{
        text-align:center;
        font-size:2rem
    }
    .bonus-block{
        padding:2rem;
        width:100%;
        background-size:200% 90%
    }
    .bonus-info{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    p{
        text-align:center
    }
    .btn{
        font-size:2rem;
        width:70%
    }
    .btn-text{
        padding:1.5rem 1rem;
        width:100%
    }
    .chars{
        width:100%;
        position:relative
    }
    .char{
        width:60%;
        margin:0 auto
    }
    .lightning{
        z-index:-1;
        bottom:30%;
        top:initial
    }
    .light-left,.light-right{
        top:initial;
        bottom:20%;
        width:10em;
        height:10em
    }
    .footer{
        z-index:10;
        position:relative;
        background-color:#04082a
    }
    .footer::before{
        content:"";
        background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#04082a),to(rgba(3,8,45,0)));
        background:linear-gradient(0deg,#04082a 20%,rgba(3,8,45,0) 100%);
        position:absolute;
        width:100%;
        height:7rem;
        bottom:99%
    }
    .footer .container{
        padding:1rem 2rem 2rem
    }
    .footer .row{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .footer img{
        max-width:12rem;
        max-height:4rem;
        padding:.75rem 0
    }
}
@media(max-width:550px){
    .btn{
        font-size:2rem;
        width:90%
    }
}
@media(max-width:450px){
    .light-left,.light-right{
        top:initial;
        bottom:20%;
        width:10em;
        height:10em
    }
    .char{
        width:90%
    }
}
/*# sourceMappingURL=../sourcemaps/style.min.css.map */