.premium-moon-hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(0,140,255,.08),transparent 35%),linear-gradient(180deg,#020202,#040404);color:#fff;min-height:100vh;display:flex;align-items:center;padding:120px 0}html{scroll-behavior:smooth}.premium-moon-hero .page-width{position:relative;z-index:10;width:100%;padding-left:60px;padding-right:60px}.premium-moon-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.04),transparent 30%);z-index:1}.premium-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:-200% center;transform:scale(1.66);transform-origin:top center;opacity:.13;pointer-events:none;z-index:1}.premium-moon-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#00000073,#00000040 45%,#00000059);z-index:2;pointer-events:none}.premium-moon-hero{isolation:isolate}.premium-moon-hero__wrapper{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:82vh}.premium-moon-hero__content{max-width:620px}.premium-moon-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;margin-bottom:28px}.premium-moon-hero__heading{font-size:72px;line-height:1.2;letter-spacing:-.05em;margin:0 0 24px}.premium-moon-hero__text{font-size:18px;line-height:1.7;color:#ffffffb8;max-width:540px;margin-bottom:42px}.premium-moon-hero__buttons{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.premium-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .35s ease,background .35s ease,border-color .35s ease}.premium-btn--primary{background:#fff;color:#000}.premium-btn--primary:hover{transform:translateY(-2px)}.premium-btn--secondary{background:#ffffff08;border:1px solid rgba(255,255,255,.14);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.premium-btn--secondary:hover{background:#ffffff14}.premium-moon-hero__visual{position:relative;min-height:500px}.premium-floating-card{position:absolute;right:40px;bottom:120px;width:320px;padding:28px;border-radius:28px;background:#080808b3;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000073;z-index:12}.premium-floating-stars{font-size:20px;color:#ffc400;margin-bottom:16px}.premium-floating-review{font-size:17px;line-height:1.7;color:#ffffffeb;margin-bottom:18px}.premium-floating-author{font-size:14px;color:#ffffff94}.premium-meteors{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:4}.meteor{position:absolute;width:180px;height:2px;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);border-radius:999px;opacity:.28;filter:blur(1.5px);transform:rotate(-25deg);mix-blend-mode:screen;box-shadow:0 0 10px #ffffff1f,0 0 20px #78b4ff14}.meteor:after{content:"";position:absolute;right:-2px;top:50%;width:3px;height:3px;transform:translateY(-50%);border-radius:50%;background:#ffffffa6;filter:blur(1px);box-shadow:0 0 6px #ffffff2e,0 0 12px #78d2ff1f}.meteor-1{top:-10%;left:-18%;animation:meteor1 10s linear infinite}.meteor-2{top:-18%;left:-10%;animation:meteor2 14s linear infinite}.meteor-3{top:-8%;left:-28%;animation:meteor3 12s linear infinite}.meteor-4{top:-24%;left:-16%;animation:meteor4 17s linear infinite}@keyframes meteor1{0%,80%{opacity:0;transform:translateZ(0) rotate(28deg)}82%{opacity:1}92%{opacity:.25}to{opacity:0;transform:translate3d(1700px,900px,0) rotate(28deg)}}@keyframes meteor2{0%,84%{opacity:0;transform:translateZ(0) rotate(28deg)}86%{opacity:1}94%{opacity:.2}to{opacity:0;transform:translate3d(1500px,760px,0) rotate(28deg)}}@keyframes meteor3{0%,78%{opacity:0;transform:translateZ(0) rotate(28deg)}80%{opacity:1}90%{opacity:.18}to{opacity:0;transform:translate3d(1800px,980px,0) rotate(28deg)}}@keyframes meteor4{0%,88%{opacity:0;transform:translateZ(0) rotate(28deg)}90%{opacity:1}96%{opacity:.15}to{opacity:0;transform:translate3d(1600px,840px,0) rotate(28deg)}}@media screen and (max-width:990px){.premium-moon-hero{min-height:auto;padding:90px 0}.premium-atmosphere{object-fit:cover;object-position:center;transform:scale(1.66);transform-origin:top center}.premium-moon-hero__wrapper{grid-template-columns:1fr;gap:70px}.premium-moon-hero__content{text-align:center;margin:0 auto}.premium-moon-hero__buttons{justify-content:center}.premium-moon-hero__visual{min-height:320px}.premium-floating-card{position:relative;right:auto;bottom:auto;margin:0 auto;width:100%;max-width:340px}}@media screen and (max-width:749px){.premium-moon-hero{padding:70px 0}.premium-moon-hero .page-width{padding-left:24px;padding-right:24px}.premium-moon-hero__heading{font-size:42px}.premium-moon-hero__text{font-size:16px}.premium-btn{width:100%}.premium-atmosphere{display:none}.premium-floating-card{max-width:100%}.meteor{width:140px}}.premium-moon-hero__badge,.premium-moon-hero__heading,.premium-moon-hero__text,.premium-moon-hero__buttons,.premium-floating-card{opacity:0;transform:translateY(40px);animation-fill-mode:forwards;will-change:transform,opacity}.premium-moon-hero__badge{animation:premiumFadeUp .8s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.2s}.premium-moon-hero__heading{animation:premiumFadeUp 1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.4s}.premium-moon-hero__text{animation:premiumFadeUp 1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.7s}.premium-moon-hero__buttons{animation:premiumFadeUp 1s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:1s}.premium-floating-card{opacity:0;transform:translateY(30px) scale(.94);animation:premiumCardReveal 1.2s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:1.1s}.premium-moon{animation:moonReveal 2s ease forwards,moonFloat 10s ease-in-out infinite}@keyframes premiumFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes premiumCardReveal{0%{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes moonReveal{0%{opacity:0;transform:translateY(-50%) translate(60px) scale(.92)}to{opacity:.32;transform:translateY(-50%) translate(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/premium-moon-hero.css.map */