@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Bold.woff2") format("woff2"),url("../fonts/Montserrat-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Regular.woff2") format("woff2"),url("../fonts/Montserrat-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Montserrat";src:url("../fonts/Montserrat-Light.woff2") format("woff2"),url("../fonts/Montserrat-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}:root{--bg-main: #171113;--border-margin: 15px;--transition: 0.2s;--gradient_main: linear-gradient( to left, #302760 25%, #7a2a79 50%, #302760 100% );--gradient_secondary: linear-gradient( to right, #de202e 0%, #aa265f 54%, #8a2a7e 100% );--gradient_third: linear-gradient(to right, #aa3888 0%, #343b86 100%);--gradient_fourth: linear-gradient(to right, #343b86b3 0%, #cc202cb3 100%);--gradient_fifth: linear-gradient(to right, #343b86 0%, #8a2a7e 100%);--z1: 100;--z2: 99;--z3: 98;--big-size: 24px;--size: 18px;--light: 300;--normal: 400;--bold: 700}*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;font-weight:var(--normal);font-style:normal;color:#fff;font-size:var(--size)}.bold{font-weight:var(--bold)}.heading{font-size:var(--big-size);font-weight:var(--bold)}.cta{display:flex;justify-content:center;align-items:center;min-width:200px;width:200px;height:38px;font-size:var(--size);font-weight:var(--normal);background-image:var(--gradient_main);background-size:200% 100%;background-position:100% 0;border-radius:17px;text-decoration:none;transition:var(--transition)}.cta:hover{background-position:0% 100%}.cta.second{position:relative;width:100%;max-width:300px;min-width:240px;height:38px;align-self:center;cursor:pointer}.cta.second:hover{background-position:100% 0}.cta.second::before,.cta.second::after{display:block;position:absolute;content:"";border-radius:17px}.cta.second::before{width:calc(100% - 4px);height:calc(100% - 4px);background-color:var(--bg-main)}.cta.second::after{width:100%;height:100%;background-image:var(--gradient_main);background-size:200% 100%;background-position:100% 0;opacity:0;transition:var(--transition)}.cta.second:hover:after{opacity:1}.cta.second span{position:relative;font-weight:var(--normal);z-index:var(--z3)}.cta,button,a{cursor:pointer}strong{font-weight:var(--bold)}body{width:100vw;background-color:var(--bg-main);overflow-x:hidden}.wrapper{margin-top:80px;padding:0 var(--border-margin);display:flex;flex-direction:column;gap:15px}@media(min-width: 600px){:root{--big-size: 36px}.cta.second{max-width:400px;margin:0 auto}}@media(min-width: 1280px){:root{--border-margin: 10px;--big-size: 36px;--size: 30px;--width: 1220px;--full-width: 1920px}.cta{height:100px;font-size:40px}.cta.second span{font-size:18px}body{margin-left:auto;margin-right:auto;max-width:var(--full-width)}.wrapper{max-width:var(--width);margin-top:115px;margin-left:auto;margin-right:auto}}nav.main-nav{position:fixed;padding:9px var(--border-margin);width:100%;height:50px;background-color:var(--bg-main);display:flex;justify-content:space-between;align-items:center;z-index:var(--z1)}nav.main-nav::before{display:block;content:"";position:absolute;top:0;left:0%;width:100%;height:100vh;background-color:var(--bg-main);transform:translateX(100%);transition:var(--transition);pointer-events:none}body.menu nav.main-nav::before{transform:translateX(0%)}nav.main-nav .logo{display:flex;justify-content:center;align-items:center}nav.main-nav .logo img{width:77px;height:auto;z-index:var(--z2)}nav.main-nav ul{position:absolute;display:flex;flex-direction:column;gap:20px;top:75px;width:100%;left:0%;opacity:0;transform:translateX(100%);transition:var(--transition)}body.menu nav.main-nav ul{opacity:1;transform:translateX(0%)}nav.main-nav ul li{list-style:none;text-align:center}nav.main-nav ul li a{text-decoration:none;opacity:1;transition:var(--transition)}nav.main-nav ul li a:hover{opacity:.6}nav.main-nav button.hamburger{background-color:rgba(0,0,0,0);border:none;cursor:pointer}nav.main-nav button.hamburger img{width:50px;height:auto;filter:invert(1)}nav.main-nav button.hamburger img.open{display:block}nav.main-nav button.hamburger img.close{display:none}body.menu nav.main-nav button.hamburger img.open{display:none}body.menu nav.main-nav button.hamburger img.close{display:block}@media(min-width: 1280px){nav.main-nav{max-width:var(--full-width)}nav.main-nav{margin-left:auto;margin-right:auto}nav.main-nav{left:0;right:0;height:75px;padding:0 var(--border-margin)}nav.main-nav .logo img{width:138px}nav.main-nav ul{position:static;display:flex;flex-direction:row;gap:140px;top:unset;width:auto;left:unset;opacity:1;transform:unset}nav.main-nav ul li a{font-size:18px}nav.main-nav::before,nav.main-nav button.hamburger{display:none}}@media(min-width: 1280px)and (max-width: 1919px){nav.main-nav{padding:0 calc((100vw - var(--width))/2 + var(--border-margin))}}@media(min-width: 1920px){nav.main-nav{padding:0 calc((var(--full-width) - var(--width))/2 + var(--border-margin))}}body{min-height:100vh;display:flex;flex-direction:column}.wrapper{flex-grow:1;margin-top:0;width:100%;padding-top:50px;display:flex;justify-content:center}h1{font-size:40px;font-weight:bold}footer{width:100%}@media(min-width: 1280px){.wrapper{padding-top:150px}h1{font-size:60px}}footer{display:flex;flex-direction:column;gap:20px;margin:30px var(--border-margin) 0;padding:0 0 30px}footer a{display:flex;justify-content:start;align-items:center;gap:5px;line-height:30px;text-decoration:none;font-weight:var(--normal);cursor:pointer;transition:var(--transition)}footer a:hover{opacity:.6}footer a img{height:30px;width:auto;filter:invert(1)}footer .socials{display:flex;justify-content:center;align-items:center;gap:15px}footer .socials a img{height:35px;width:auto}footer .copyrights{font-size:14px;line-height:30px;font-weight:var(--normal)}@media(min-width: 1280px){footer{max-width:var(--width);padding:0 10px;margin-left:auto;margin-right:auto}footer{margin-top:80px;gap:40px}footer a{font-size:24px;line-height:30px}footer .socials{gap:40px}footer .socials a img{height:60px}footer .copyrights{font-size:18px}}
