@font-face{font-display:swap;font-family:Lato;font-weight:700;src:url(/softswiss-test-task/static/media/Lato-Bold.0baf4e4829ca0a3e1e5c.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-weight:800;src:url(/softswiss-test-task/static/media/Lato-ExtraBold.0d13f4b5f45c14cf4d3c.ttf) format("truetype")}#root,body,html{font-family:Lato,sans-serif;font-size:18px;font-weight:700;height:100%;margin:0;padding:0;scroll-behavior:smooth;width:100%}*,:after,:before{box-sizing:border-box}.app{background:linear-gradient(180deg,#0d1e48,#304571)}.container{height:100%;margin-inline:auto;max-width:1200px;width:100%}.button,.hero__button,.offers__card__button{border-radius:100px;cursor:pointer;display:inline-block;font-family:Lato,sans-serif;font-size:22px;font-weight:700;text-align:center;transition:opacity .3s ease;width:fit-content}.button--primary,.hero__button{background-color:#ebff00;border:none;color:#000;padding:14px 40px}.button--primary:hover,.hero__button:hover{opacity:.6}.button--outline,.offers__card__button{background:#0000;border:2px solid #ebff00;color:#ebff00;padding:14px 40px}.button--outline:hover,.offers__card__button:hover{opacity:.6}@media(max-width:768px){.button--outline,.offers__card__button{font-size:16px;padding:7px 40px}}@media(max-width:360px){.button--primary,.hero__button{font-size:16px;padding:7px 40px}}.header{background-color:#000;color:#fff;position:relative}.header__container{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 2rem}@media(max-width:360px){.header__container{padding:1rem}}.header__logo{width:104px}@media(max-width:1248px){.header__logo{width:72px}}.header__nav{align-items:center;display:flex;gap:2.5rem}@media(max-width:360px){.header__nav{display:none}}.header__link{align-items:center;color:#fff;display:flex;font-weight:700;text-decoration:none;transition:all .3s ease}.header__link svg.cart-icon{fill:#fff;display:block;height:24px;width:24px}.header__link:hover{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ebff00,#ff70d9);-webkit-background-clip:text}.header__link:hover svg.cart-icon stop:first-child{stop-color:#ebff00}.header__link:hover svg.cart-icon stop:last-child{stop-color:#ff70d9}.header__burger{display:none}@media(max-width:360px){.header__burger{display:block;z-index:1001}}.header__burger .burger__icon{background:none;border:none;cursor:pointer;height:28px;position:relative;width:28px}.header__burger .burger__icon .burger__icon-img{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transition:opacity .3s ease,transform .3s ease}.header__burger .burger__icon .burger__icon-img img{height:100%;width:100%}.header__burger .burger__icon .visible{opacity:1;transform:rotate(0deg);z-index:1}.header__burger .burger__icon .hidden{opacity:0;pointer-events:none;transform:rotate(90deg);z-index:0}.header__burger .burger__menu{background-color:#000;border-radius:0 0 .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;padding:1rem;pointer-events:none;position:absolute;right:1rem;top:100%;transform:scaleY(0);transform-origin:top right;transition:all .3s ease;z-index:1002}.header__burger .burger__menu .burger__link{color:#fff;font-weight:700;padding:.5rem;text-decoration:none}.header__burger .burger__menu .burger__link:hover{text-decoration:underline}.header__burger .burger__menu.open{opacity:1;pointer-events:auto;transform:scaleY(1)}.hero{background-image:url(/softswiss-test-task/static/media/earth.381dd78e89f7adb3872a.webp),linear-gradient(-90deg,#0000,rgba(15,20,32,.788)),url(/softswiss-test-task/static/media/hero.3c61546f06771a8f84df.webp);background-position:right 2rem center,50%,top;background-repeat:no-repeat,no-repeat,no-repeat;background-size:auto,auto,cover;height:490px;position:relative}@media(max-width:768px){.hero{background-position:right -6rem center,50%,top;background-size:300px,cover,cover;height:420px}}@media(max-width:360px){.hero{background-image:url(/softswiss-test-task/static/media/earth.381dd78e89f7adb3872a.webp),linear-gradient(0,rgba(15,20,32,.788),#0000),url(/softswiss-test-task/static/media/hero.3c61546f06771a8f84df.webp);background-position:top -6.5rem center,50%,top;background-size:95%,cover,cover;height:450px}}.hero__container{display:flex;flex-direction:column;justify-content:center;padding:2rem 2rem 40px}@media(max-width:360px){.hero__container{padding:1rem 1rem 40px}}.hero__content{color:#fff;display:flex;flex-direction:column;font-weight:800;gap:22px;height:100%;justify-content:center;max-width:680px}@media(max-width:768px){.hero__content{max-width:420px}}@media(max-width:360px){.hero__content{align-items:center;gap:12px;justify-content:end;max-width:100%;text-align:center}}.hero__title{font-size:72px}.hero__title .pink{color:#ff70d9}@media(max-width:768px){.hero__title{font-size:48px}}@media(max-width:360px){.hero__title{font-size:36px}}.hero__subtitle{font-size:32px}.hero__subtitle .yellow{color:#ebff00}@media(max-width:768px){.hero__subtitle{font-size:22px}}@media(max-width:360px){.hero__subtitle{font-size:16px}}.offers{display:flex;flex-direction:column;gap:40px;padding:2rem}@media(max-width:768px){.offers{gap:30px}}@media(max-width:360px){.offers{gap:20px;padding:2rem 1rem}}.offers__title{color:#fff;font-size:32px;font-weight:800}@media(max-width:768px){.offers__title{font-size:24px}}@media(max-width:360px){.offers__title{font-size:18px}}.offers__container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}@media(max-width:767px){.offers__container{gap:30px;grid-template-columns:1fr}}@media(max-width:360px){.offers__container{gap:20px}}@media(min-width:1248px){.offers__container>:first-child,.offers__container>:nth-child(4){grid-column:span 2}.offers__container>:first-child .offers__card__title,.offers__container>:nth-child(4) .offers__card__title{font-size:74px;max-width:600px}.offers__container>:first-child .offers__card__subtitle,.offers__container>:nth-child(4) .offers__card__subtitle{font-size:26px}}.offers__container>:first-child{background-image:linear-gradient(-90deg,#0000,rgba(15,20,32,.788)),url(/softswiss-test-task/static/media/space_1.25a27cff56e7f1c41e28.webp)}.offers__container>:nth-child(2){background-image:linear-gradient(-90deg,#0000,rgba(15,20,32,.788)),url(/softswiss-test-task/static/media/space_2.090ff3250561f20a32c4.webp)}.offers__container>:nth-child(3){background-image:linear-gradient(-90deg,#0000,rgba(15,20,32,.788)),url(/softswiss-test-task/static/media/space_3.162eed9756bc3115c331.webp)}.offers__container>:nth-child(4){background-image:linear-gradient(-90deg,#0000,rgba(15,20,32,.788)),url(/softswiss-test-task/static/media/space_4.9f48c703b2b97f3457db.webp)}.offers__card{background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:auto,cover;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:22px;padding:50px}@media(max-width:768px){.offers__card{padding:80px 30px 30px}}@media(max-width:360px){.offers__card{gap:20px;grid-template-columns:1fr}}.offers__card__title{font-size:46px;font-weight:800}@media(max-width:768px){.offers__card__title{font-size:40px}}.offers__card__subtitle{font-size:24px;font-weight:800}@media(max-width:768px){.offers__card__subtitle{font-size:16px}}.cta{color:#fff;display:flex;flex-direction:column;gap:20px;padding:0 2rem 2rem;position:relative}@media(max-width:360px){.cta{padding:0 1rem 2rem}}.cta__checkbox{display:none}.cta__text-wrapper{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;transition:all .3s ease}.cta__checkbox:checked~.cta__text-wrapper{-webkit-line-clamp:unset;overflow:visible}.cta__title{font-size:32px;font-weight:800}@media(max-width:768px){.cta__title{font-size:24px}}@media(max-width:360px){.cta__title{font-size:18px}}.cta__text{font-size:20px;opacity:.6}@media(max-width:768px){.cta__text{font-size:16px}}@media(max-width:360px){.cta__text{font-size:14px}}.cta__button{background:#0000;border:none;color:#ebff00;cursor:pointer;font-family:Lato,sans-serif;font-size:20px;font-weight:800;text-decoration:none;transition:all .3s ease;width:fit-content}.cta__button:after{content:"↓";display:inline-block;font-size:16px;margin-left:.5rem;transition:transform .3s ease}.cta__button:hover{opacity:.6}@media(max-width:768px){.cta__button{font-size:16px}}@media(max-width:360px){.cta__button{font-size:14px}}.cta__checkbox:checked~.cta__button:after{transform:rotate(180deg)}.footer{align-items:center;background:#000;display:flex;flex-direction:column;padding:1rem 2rem;width:100%}.footer__icon{height:fit-content;width:fit-content}.footer__text{color:#ebff00;font-weight:800}
/*# sourceMappingURL=main.676ac957.css.map*/