*,:before,:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;font-family:Lato,Roboto,sans-serif;font-weight:700;line-height:1;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;color:#fff;background:url(/react-nebula-quest/assets/planet-UQfA22Jr.webp) left 20px top -60px/300px 336px no-repeat,linear-gradient(180deg,#0000,#0f1420c9) top center/auto 500px no-repeat,url(/react-nebula-quest/assets/background-BoHNVh-I.webp) top center/auto 500px no-repeat,url(/react-nebula-quest/assets/mirrored-background-BVhuDSjL.webp) top center/auto 500px repeat-x,linear-gradient(196.2deg,#0d1e48,#304571) no-repeat}@media (min-width: 768px){body{background-position:right -95px top 106px,top center,top center,top center,0 0}}@media (min-width: 1248px){body{background-position:right 70px top 140px,center top 15px,center top 15px,center top 15px,0 0;background-size:300px 336px,100% 570px,auto 570px,auto 570px,100% 100%}}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none;margin:0;padding:0}.main{padding:0 20px;display:flex;flex-direction:column;gap:50px}@media (min-width: 768px){.main{padding:0 30px;gap:55px}}@media (min-width: 1248px){.main{padding:0 80px;gap:62px}}.link{color:#fff;cursor:pointer;font-size:18px;text-decoration:none}.link:hover{background:linear-gradient(98.25deg,#ebff00 18.56%,#ff70d9 76.02%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button{background:transparent;border:0;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:fit-content}.button--primary,.button--secondary{padding:7px 40px;font-size:16px;border-radius:100px;transition:opacity .2s ease}.button--primary:hover,.button--secondary:hover{opacity:.6}.button--primary{background:#ebff00;color:#000}@media (min-width: 768px){.button--primary{padding:14px 40px;font-size:22px}}.button--secondary{border:2px solid #ebff00;color:#ebff00}@media (min-width: 1248px){.button--secondary{padding:14px 40px;font-size:22px}}.nav-items__list{display:flex}.nav-items__item{display:flex;align-items:center}.nav-items--vertical .nav-items__list{flex-direction:column;gap:15px}.nav-items--horizontal .nav-items__list{flex-direction:row;gap:30px}.drawer{position:fixed;inset:0;z-index:1000;pointer-events:none}.drawer__overlay{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .25s ease;z-index:0}.drawer__panel{position:absolute;top:0;right:0;height:100vh;width:100vw;background:#0d1e48;transition:transform .25s ease;padding:20px;transform:translate(100%);z-index:1}@media (min-width: 360px){.drawer__panel{width:360px}}.drawer--open{pointer-events:auto}.drawer--open .drawer__overlay{opacity:1}.drawer--open .drawer__panel{transform:translate(0)}.drawer__close{position:absolute;top:15px;right:15px;width:32px;height:32px}.drawer__close-icon{display:block;width:23px;height:18px}.burger-button{background:transparent;border:0;padding:8px;margin:0;display:block;cursor:pointer}@media (min-width: 768px){.burger-button{display:none}}.burger-button__icon{display:block;width:30px;height:38px}.readmore__toggle,.readmore__content{display:none}.readmore__toggle:checked~.readmore__content{display:block;overflow:hidden;animation:readmore-open .32s ease forwards}@keyframes readmore-open{0%{max-height:0;opacity:0;transform:translateY(-6px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.readmore__button{cursor:pointer}.readmore__button-label--on{display:none}.readmore__toggle:checked~.readmore__button .readmore__button-label--off{display:none}.readmore__toggle:checked~.readmore__button .readmore__button-label--on{display:inline}.offer{height:350px;overflow:hidden;border-radius:10px;display:flex;flex-direction:column;justify-content:end;gap:22px;padding:27px;background:linear-gradient(180deg,#0000,#0f1420c9) center/cover no-repeat,var(--offer-background-img) center/cover no-repeat}@media (min-width: 768px){.offer{padding:35px}}.offer__title,.offer__text{font-weight:800}.offer__title{white-space:pre-line;font-size:40px}@media (min-width: 1248px){.offer__title{font-size:46px}}.offer__text{font-size:16px;line-height:1.2}@media (min-width: 1248px){.offer__text{font-size:24px}}@media (min-width: 1248px){.offer--featured .offer__title{font-size:74px}.offer--featured .offer__text{font-size:26px}}.header{display:flex;justify-content:space-between;align-items:center;background-color:#000;height:48px;padding:0 20px}@media (min-width: 768px){.header{height:80px;padding:0 30px}}@media (min-width: 1248px){.header{padding:0 80px}}.header__logo{height:24px;width:71px}@media (min-width: 1248px){.header__logo{width:105px;height:35px}}.header__logo-icon{display:block;width:100%;height:100%}.header__nav--desktop{display:none}@media (min-width: 768px){.header__nav--desktop{display:block}}.header__nav--mobile{display:block}@media (min-width: 768px){.header__nav--mobile{display:none}}.header__cart{display:inline-flex;align-items:center}.header__cart:hover .header__cart-icon--default{display:none}.header__cart:hover .header__cart-icon--hover,.header__cart-icon{display:inline-block}.header__cart-icon--hover{display:none}.hero{height:451px;width:100%;position:relative;overflow:hidden;white-space:pre-line;display:flex;flex-direction:column;gap:17px;text-align:center}@media (min-width: 768px){.hero{height:420px;text-align:start;align-items:start;gap:22px;margin:0}}@media (min-width: 1248px){.hero{height:490px}}.hero__title{margin-top:auto;font-size:36px;font-weight:800}@media (min-width: 768px){.hero__title{font-size:48px}}@media (min-width: 1248px){.hero__title{font-size:72px}}.hero__title-accent{color:#ff70d9}.hero__subtitle{font-size:16px;font-weight:800}@media (min-width: 768px){.hero__subtitle{font-size:22px}}@media (min-width: 1248px){.hero__subtitle{font-size:32px}}.hero__subtitle-accent{color:#ebff00}.hero__button{margin-bottom:44px;align-self:center}@media (min-width: 768px){.hero__button{align-self:start;margin-bottom:auto}}.offers{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.offers{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1248px){.offers{grid-template-columns:repeat(2,1fr);gap:24px}.offers>.offer--featured{grid-column:1/-1}}.offers__title{font-size:18px;font-weight:800;grid-column:1/-1}@media (min-width: 768px){.offers__title{font-size:24px}}@media (min-width: 1248px){.offers__title{font-size:32px}}.about{display:flex;flex-direction:column;gap:17px}.about__title{font-size:18px}@media (min-width: 768px){.about__title{font-size:22px}}@media (min-width: 1248px){.about__title{font-size:38px}}.about__text{font-size:14px}@media (min-width: 768px){.about__text{font-size:16px}}@media (min-width: 1248px){.about__text{font-size:20px}}.about__text{opacity:.6}.about__button{cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;color:#ebff00;font-weight:800;font-size:14px}.about__button:hover{opacity:.6}@media (min-width: 768px){.about__button{font-size:16px}}@media (min-width: 1248px){.about__button{font-size:20px}}.footer{position:relative;height:127px;margin-top:50px}@media (min-width: 768px){.footer{margin-top:53px}}@media (min-width: 1248px){.footer{margin-top:60px}}.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#000}.footer__rocket{position:absolute;transform:scale(.7)}.footer__text{font-size:18px;color:#ebff00;font-weight:800;margin:auto 0 18px}
