@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;font:inherit;padding:0}#root{margin:0;padding:0;box-sizing:border-box;width:100%}img,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none}a{text-decoration:none;display:block;color:inherit}:root{--color-red: #FF5E5E;--color-brown: #BC4747;--color-dark: #242942;--color-gray: #E7ECF1;--color-gray-bg: #EDF2F6}body,*{font-family:Barlow,serif;color:var(--color-dark)}main{position:relative;margin-inline:auto}main:before{content:"";position:absolute;top:0;right:0;width:48vw;height:55%;background-color:var(--color-gray-bg);border-bottom-left-radius:60px;z-index:-1;max-width:800px}h1,a{font-family:Barlow Condensed,serif}header{padding-top:4.3%;padding-inline:11.5%;padding-bottom:8.3%}header nav{display:flex;align-items:center;justify-content:space-between}header nav ul{display:flex;align-items:center;gap:42px}header nav ul li a{font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;position:relative}header nav ul li a:after{content:"";position:absolute;bottom:-3px;left:0;width:0%;height:2px;background-color:currentColor;transition:width .3s ease}header nav ul li a:hover:after{width:100%}header nav ul li.nav_dot{width:6px;height:6px;background-color:var(--color-dark);mix-blend-mode:normal;opacity:.15;border-radius:100%}header nav ul li a.nav_login{mix-blend-mode:normal;opacity:.5}.hero{display:flex;align-items:center;justify-content:space-between;padding-left:11.5%;padding-bottom:8.3%;overflow:hidden}.hero_content{min-width:fit-content}.hero img{transform:translate(150px)}.hero_title_top{display:flex;align-items:center;gap:15px;font-family:Barlow Condensed,serif;text-transform:uppercase;font-size:15px;margin-bottom:16px}.hero_title_top .badge{background-color:var(--color-dark);color:#fff;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:12.5px}.hero_title_top span:nth-child(2){letter-spacing:5px;mix-blend-mode:normal;opacity:.5}.hero_content h1{font-weight:700;font-size:4rem;line-height:1;max-width:17ch;text-transform:uppercase;margin-bottom:32px}.hero_desc{font-size:18px;line-height:26px;mix-blend-mode:normal;opacity:.75;max-width:28ch;margin-bottom:64px}.hero_cta{display:flex;align-items:center;gap:24px;font-family:Barlow Condensed,serif;text-transform:uppercase}.hero_cta a{background-color:var(--color-red);color:#fff;font-weight:700;font-size:16px;letter-spacing:1.07px;padding:16px 32px;border-radius:5px;position:relative;min-width:fit-content}.hero_cta a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;mix-blend-mode:normal;opacity:0;border-radius:5px;transition:opacity .3s ease}.hero_cta a:hover:before{opacity:.25}.hero_cta p{font-size:15px;letter-spacing:5px;mix-blend-mode:normal;opacity:.5}.nav_mobile{display:none}@media (min-width: 770px) and (max-width: 1440px){.hero img{transform:translate(.2vw)}.hero_content h1{font-size:calc(2.5rem + .6vw)}}@media (max-width: 768px){main:before{height:50%}header{padding-inline:2rem;position:relative}.nav_deskop{display:none}.nav_mobile{display:block}.hero{flex-direction:column-reverse;padding-left:2rem}.hero_content{align-self:flex-start}.hero_content h1{font-size:2.5rem}.hero img{max-width:none;padding-bottom:19%;height:58vh;transform:translate(0);align-self:flex-start}.hero_content h1{margin-bottom:2rem;max-width:none}.hero_desc{margin-bottom:27px;max-width:none}.hero_cta .hide-on-mobile{display:none}.nav_mobile button{outline:none;border:none;background-color:transparent}.nav_mobile ul{position:absolute;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 5px 10px #00000026;border-radius:3px;gap:24px;padding-top:24px;padding-bottom:24px;right:2rem;z-index:1000;left:2rem;top:4.5rem}.nav_mobile ul .nav_divider{height:1px;background-color:var(--color-dark);mix-blend-mode:normal;opacity:.15;width:90%;margin-inline:auto}.menu-button{transition:transform .3s ease}.menu-button.rotate{transform:rotate(90deg)}.mobile-menu{opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mobile-menu.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-menu.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}}
