:root{--bg-main:#ffffff;--bg-section:#f6f7f9;--bg-card:#ffffff;--bg-hover:#f1f3f6;--text-main:#393858;--text-secondary:#374151;--text-muted:#6b7280;--accent-primary:#f5a623;--accent-secondary:#e50914;--accent-success:#16a34a;--accent-danger:#dc2626;--border-soft:#e5e7eb;--border-strong:#d1d5db;--shadow-soft:0 4px 14px rgba(0,0,0,0.08);--shadow-card:0 8px 22px rgba(0,0,0,0.12)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body{font-family:'inter',sans-serif;font-weight:400;background-color:var(--bg-main);-webkit-font-smoothing:antialiased;margin:0;min-height:100%;background-image:url(../img/bg.png);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}button{padding:0;border:none;background-color:#fff0;transition:0.4s;cursor:pointer;transition-property:color,background-color,border-color,opacity,box-shadow}button:focus{outline:none}a{text-decoration:none;transition:0.4s;transition-property:color,background-color,border-color,opacity,box-shadow}a:hover,a:active,a:focus{outline:none;text-decoration:none}input,textarea,select{padding:0;margin:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none;transition:0.4s ease;transition-property:color,border-color,box-shadow}input:focus,textarea:focus,select:focus{outline:none}select::-ms-expand{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}ul{margin:0;padding:0;list-style:none}::-moz-selection{background:#f9ab00;color:#fff;text-shadow:none}::selection{background:#f9ab00;color:#fff;text-shadow:none}::-webkit-input-placeholder{color:silver;opacity:1}::-moz-placeholder{color:silver;opacity:1}:-moz-placeholder{color:silver;opacity:1}:-ms-input-placeholder{color:silver;opacity:1}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-track{background:#1a191f}body::-webkit-scrollbar-thumb{background-color:#222028;outline:0 solid #fff}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1200px}}.header{display:block;position:fixed;top:0;left:0;width:100%;background:#393858;z-index:101;border-bottom:1px solid #222028}.header__logo{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:45px}.header__logo img{width:auto;height:48px;display:block}.header__nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:fixed;top:70px;right:0;bottom:0;background-color:#1a191f;z-index:99;width:300px;padding:30px 30px 0;transform:translate3d(300px,0,0);transition:0.4s ease;border-top:2px solid #f9ab00}.header__nav--active{transform:translate3d(0,0,0)}.header__nav-item{width:100%;display:block;height:30px;margin-bottom:20px;position:relative}.header__nav-item:last-child{margin-bottom:0}.header__nav-link{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:30px;font-size:14px;text-transform:uppercase;color:#fff;white-space:nowrap}.header__nav-link i{font-size:10px;margin-left:2px}.header__nav-link--more i{font-size:20px;margin-left:0}.header__nav-link:hover,.header__nav-link[aria-expanded="true"]{color:#f9ab00}.header__dropdown-menu{position:absolute;background-color:#222028;padding:15px 20px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-width:160px;border-radius:8px;border:none}.header__dropdown-menu li{margin-bottom:15px;width:100%}.header__dropdown-menu li:last-child{margin-bottom:0}.header__dropdown-menu a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16px;line-height:24px;color:#fff;font-weight:400}.header__dropdown-menu a i{font-size:20px;line-height:24px;margin-right:8px}.header__dropdown-menu a:hover{color:#f9ab00}.header__dropdown-menu--user a{font-size:14px;text-transform:uppercase}.header__dropdown-menu.show{display:flex}.header__content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:70px;position:relative}.header__auth{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-right:5px}.header__sign-in{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:40px;border-radius:8px;margin-left:20px;border:2px solid #e3c1dd}.header__sign-in span{display:none}.header__sign-in i{color:#fff;font-size:20px}.header__sign-in:hover{background-color:rgb(249 171 0 / .05)}.header__sign-in:hover span{color:#fff}.header__btn{display:block;position:absolute;right:0;top:50%;margin-top:-22px;width:22px;height:40px}.header__btn span{display:block;position:absolute;height:2px;width:22px;background:#000;opacity:1;left:0;transform:rotate(0deg);transition:0.4s ease;top:13px;background-color:#fff;border-radius:2px}.header__btn span:nth-child(2){top:21px}.header__btn span:nth-child(3){top:29px}.header__btn--active span{background-color:#f9ab00}.header__btn--active span:nth-child(1){top:21px;transform:rotate(45deg)}.header__btn--active span:nth-child(2){opacity:0}.header__btn--active span:nth-child(3){top:21px;transform:rotate(-45deg)}.header__lang{position:relative;margin-left:20px}.header__lang .header__dropdown-menu{width:120px;min-width:120px}.header__lang .header__nav-link{height:40px}.header__profile{position:relative}.header__profile .header__dropdown-menu{width:170px;min-width:170px}.header__search-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;color:#fff;font-size:20px}.header__search-btn:hover{color:#f9ab00}.header__search{position:absolute;background-color:#1a191f;top:-70px;right:-15px;left:-15px;z-index:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:70px;padding:0 15px;pointer-events:none;transition:top 0.4s ease}.header__search--active{top:0;pointer-events:auto}.header__search-input{width:calc(100% - 35px);height:40px;border-radius:8px;background-color:#76708b;border:2px solid #fff0;font-size:16px;color:#fff;padding:0 50px 0 20px}.header__search-input:focus{border-color:#f9ab00}.header__search-button{position:absolute;height:40px;color:#fff;font-size:20px;top:50%;margin-top:-20px;right:75px}.header__search-button:hover{color:#f9ab00}.header__search-close{position:absolute;height:40px;color:#fff;font-size:20px;top:50%;margin-top:-20px;right:15px}.header__search-close:hover{color:#eb5757}@media (min-width:576px){.header__sign-in,.header__lang{margin-left:30px}.header__auth{margin-right:52px}}@media (min-width:768px){.header__content{height:58px}.header__logo{height:42px}.header__logo img{height:45px}.header__auth{margin-right:52px}.header__sign-in{height:40px;width:120px;margin-left:30px}.header__sign-in i{display:none}.header__sign-in span{display:block;font-size:14px;color:#fff;text-transform:uppercase;transition:color 0.4s}.header__sign-in--user{width:auto;padding:0 24px}.header__nav{top:80px;width:260px;transform:translate3d(260px,0,0)}.header__nav--active{transform:translate3d(0,0,0)}.header__search{height:80px}}@media (min-width:1200px){.header__sign-in{margin-left:30px}.header__auth{margin-right:0}.header__btn{display:none}.header__nav{transform:translate3d(0,0,0);padding:0;background-color:#fff0;flex-direction:row;align-items:center;position:relative;top:auto;right:auto;bottom:auto;margin-left:auto;box-shadow:none;border:none;transition:0s}.header__nav-item{margin-right:35px;height:40px;width:auto;margin-bottom:0}.header__nav-item:last-child{margin-right:0}.header__nav-link{height:40px}.header__content{justify-content:flex-start}.header__auth{margin-left:auto;width:432px}.header__lang{margin-left:24px;margin-right:auto}.header__search-btn{display:none}.header__search-close{display:none}.header__search{position:relative;opacity:1;pointer-events:auto;padding:0;top:auto;right:auto;left:auto;bottom:auto;background-color:#fff0}.header__search-input{width:204px}.header__search-button{right:20px}}@media (min-width:1400px){.header__auth{width:492px}.header__lang{margin-left:30px}.header__nav-item{margin-right:45px}.header__nav-item:last-child{margin-right:0}.header__search-input{width:350px}}.hero{position:relative;width:100%;border-radius:6px;overflow:hidden}.hero__slide{padding:0 20px;width:100%;border-radius:6px;position:relative;overflow:hidden;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.hero__slide:before,.hero__slide:after{content:'';top:0;left:0;bottom:0;right:0;position:absolute;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.hero__slide:before{background-color:rgb(0 0 0 / .25);z-index:1}.hero__slide:after{background:linear-gradient(270deg,#fff0 0%,rgb(0 0 0 / .5) 100%);z-index:2}.hero__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:560px;width:100%;position:relative;z-index:3;padding-bottom:40px;padding-right:20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.hero__title{font-size:32px;line-height:42px;color:#fff;font-weight:400;margin-bottom:15px;position:relative}.hero__title sub{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;color:#fff;font-weight:600;line-height:20px;bottom:50%;transform:translateY(50%);position:relative;margin-left:10px;background-color:rgb(26 25 31 / .2);border:2px solid #fff0;border-radius:50%}.hero__title sub.green{border-color:#29b474}.hero__title sub.yellow{border-color:#ffc312}.hero__title sub.red{border-color:#eb5757}.hero__text{font-size:16px;line-height:26px;color:silver;margin-bottom:20px}.hero__category{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.hero__category a{font-size:16px;line-height:20px;position:relative;color:#f9ab00;margin-right:10px}.hero__category a:after{content:',';position:absolute;display:block;left:100%;top:0;color:#f9ab00}.hero__category a:last-child{margin-right:0}.hero__category a:last-child:after{display:none}.hero__category a:hover{text-decoration:underline}.hero__actions{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%}.hero__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:160px;border-radius:8px;background-color:#fff0;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin-top:20px}.hero__btn:hover{color:#fff;background-color:rgb(249 171 0 / .05)}@media (min-width:768px){.hero__slide{padding:0 60px}.hero__content{padding-bottom:50px;padding-right:25%}.hero__title{font-size:36px;line-height:46px}}@media (min-width:992px){.hero__content{padding-right:0}.hero__text{padding-right:40%}}@media (min-width:1200px){.hero__slide{padding:0 120px}.hero__title{font-size:42px}.hero__text{padding-right:50%}}@media (min-width:1400px){.hero__text{padding-right:55%}}.section{padding:50px 0;position:relative}.section__title-wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.section__title{color:var(--text-main);font-weight:400;font-size:30px;line-height:42px;margin-bottom:0}.section__title b{font-weight:600}.section__title--head{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:15px}@media (max-width:1199px){.section__title--head{font-size:28px}}@media (max-width:991px){.section__title--head{font-size:26px}}@media (max-width:767px){.section__title--head{font-size:24px}}@media (max-width:575px){.section__title--head{font-size:22px}}.section__title--mt{margin-top:50px}.section__text{color:silver;font-size:16px;line-height:26px;margin-top:15px;margin-bottom:0}.section__text b{font-weight:600;color:#fff}.section__text a{color:#f9ab00}.section__text a:hover{color:#f9ab00;text-decoration:underline}.section__text:first-child{margin-top:0}.section__list ol{padding-left:0;list-style:none;counter-reset:li;margin-bottom:0}.section__list ol ol{padding-left:15px;margin-top:10px}.section__list ol ol ol{margin-top:10px;margin-bottom:10px}.section__list ol ol ol li{margin-top:5px}.section__list ol h4{font-size:16px;font-weight:600;color:#fff;display:inline-block;margin-bottom:0;margin-top:20px}.section__list ol li{font-size:16px;line-height:26px;color:silver;position:relative}.section__list ol li b{font-weight:600;color:#fff}.section__list ol li a{color:#f9ab00}.section__list ol li a:hover{color:#f9ab00;text-decoration:underline}.section__list ol li:last-child{margin-bottom:0}.section__list ol li:before{counter-increment:li;content:counters(li,".") ". "}.section__view{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:70px;padding:0 15px;height:36px;color:#fff;border-radius:8px;background-color:#222028;font-size:14px;margin-top:20px;text-transform:uppercase}.section__view:hover{color:#f9ab00}.section__carousel{margin-top:24px}.section__wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.section__more{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:160px;border-radius:8px;background-color:#fff0;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin:50px auto 0}.section__more:hover{color:#fff;background-color:rgb(249 171 0 / .05)}.section__item-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%}.section__item-select{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;margin-top:15px;margin-right:15px;padding:0 20px;border-radius:8px;border:none;background:#222028}.section__item-select:focus{box-shadow:none}.section__item-select:last-child{margin-right:0}.section__item-select .ss-single{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:40px;padding:0;margin:0!important;color:#fff;font-size:14px;text-transform:uppercase}.section__item-select .ss-arrow{width:8px;height:8px;margin:1px 0 0 6px}.section__item-select .ss-arrow path{stroke:#fff}.section__item-select .ss-search{padding:0;margin-bottom:15px;font-size:16px;color:silver;width:100%}.section__item-select .ss-search:last-child{margin-bottom:0}.section__item-select .ss-search input{padding:0;background-color:#fff0;color:#fff;font-size:16px;border-radius:0;border:none;border-bottom:1px solid rgb(255 255 255 / .1);height:40px}.section__item-select .ss-search input:focus{box-shadow:none}.section__item-select .ss-search input::placeholder{color:silver}.section__item-select .ss-list{width:100%}.section__item-select .ss-list .ss-option{font-size:16px;color:#fff;line-height:38px;padding:0;transition:0.4s ease}.section__item-select .ss-list .ss-option:hover{background-color:#fff0;color:#f9ab00}.section__item-select .ss-list .ss-option.ss-selected{background-color:transparent!important;color:#f9ab00!important}.section__item-select.ss-content{flex-direction:column;align-items:flex-start;border:none;border-radius:8px;min-width:130px;padding:15px 20px;background:#222028;box-shadow:none}.section__item-select.ss-open-below,.section__item-select.ss-open-above{border-radius:8px}.section__details-bg{position:absolute;display:block;top:0;right:0;left:0;bottom:0;background-color:#1a191f;z-index:1;opacity:.2;pointer-events:none}.section__details-bg:after{content:'';z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(0deg,#1a191f 0%,#1a191f 25%,#fff0 100%)}.section__roadmap{display:block;position:relative;margin-top:24px;width:100%;background-color:#222028;border-radius:8px;padding:30px 20px}.section__roadmap:before{content:'';position:absolute;display:block;height:4px;top:82px;right:20px;left:20px;border-radius:4px;background:#f9ab00}.section--catalog{padding:0 0 50px}.section--first{margin-top:70px;border-bottom:1px solid #222028}.section--details{margin-top:41px;border-bottom:1.3px dashed #8f8f8f}.section--details .container{position:relative;z-index:4}.section--border{border-top:1px solid #222028}.section--blue{background-color:#222028}.section--notitle{padding-top:26px}.section--pt{padding-top:0}@media (min-width:768px){.section{padding:70px 0}.section__title-wrap{flex-direction:row;justify-content:space-between;align-items:center}.section__title{font-size:36px;line-height:46px}.section__title--mt{margin-top:70px}.section__wrap{flex-direction:row;justify-content:space-between;align-items:center}.section__view{margin-top:0}.section__view--carousel{margin-right:117px}.section__roadmap{padding:30px 30px 40px}.section__roadmap:before{left:30px;right:30px;top:87px}.section--catalog{padding:0 0 70px}.section--first{padding:50px 0}.section--first,.section--details{margin-top:45px}.section--notitle{padding-top:46px}.section--pt{padding-top:0}}@media (min-width:992px){.section__title--sidebar{margin-top:24px}}@media (min-width:1200px){.section__title--head{font-size:30px;padding:20px}.section__title--mt{margin-top:0}.section__roadmap{padding:30px}}.content{padding-bottom:50px}.content__head{background-color:#1a191f;margin-bottom:10px;position:relative;border-bottom:1px solid #222028;padding-top:25px}.content__title{color:#343a40;font-weight:400;font-size:30px;line-height:100%;margin-bottom:15px}.content__tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:hidden;border:none}.content__tabs li{margin-right:30px}.content__tabs li:last-child{margin-right:0}.content__tabs button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:50px;color:#fff;position:relative;text-transform:uppercase;font-size:14px}.content__tabs button:hover{color:#f9ab00}.content__tabs button:before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;display:block;background:#f9ab00;box-shadow:none;transition:0.4s ease;border-radius:2px 2px 0 0}.content__tabs button.active{color:#f9ab00}.content__tabs button.active:before{height:2px}@media (min-width:768px){.content{padding-bottom:70px}.content__title{font-size:24px}.content__tabs--profile button{height:80px}}@media (min-width:1200px){.content__tabs li{margin-right:35px}.content__tabs li:last-child{margin-right:0}}@media (min-width:1400px){.content__tabs li{margin-right:40px}.content__tabs li:last-child{margin-right:0}}.breadcrumbs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:15px}.breadcrumbs__item{font-size:16px;color:#fff;transition:0.4s ease;position:relative;margin-right:36px}.breadcrumbs__item:before{content:'\ea1c';position:absolute;font-family:'tabler-icons';color:silver;left:100%;top:0;font-size:18px;line-height:26px;margin-left:9px}.breadcrumbs__item:hover{color:#fff}.breadcrumbs__item--active{cursor:default;margin-right:0}.breadcrumbs__item--active:before{display:none}.breadcrumbs__item--active:hover{color:#fff}.breadcrumbs a{color:silver}.breadcrumbs a:hover{color:#f9ab00}@media (min-width:768px){.breadcrumbs{margin-top:0}} .search-container{position:relative;display:inline-block;width:100%;max-width:400px}.search-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;max-height:450px;overflow-y:auto;z-index:9999;display:none;font-family:Arial,sans-serif;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2);border-radius:6px}.search-section{background:#333;color:#fff;padding:6px 10px;font-weight:700;border-bottom:1px solid #444}.search-section .count{color:orange}.search-dropdown ul{list-style:none;margin:0;padding:0}.search-dropdown li{padding:8px 12px;border-bottom:1px solid #eee}.search-dropdown li a{text-decoration:none;color:#333;display:block}.search-dropdown li:hover{background:#f5f5f5}.badge{float:right;background:#eee;padding:2px 6px;border-radius:4px;font-size:11px;color:#333}@media (max-width:768px){.search-container{max-width:100%}.search-dropdown{width:100vw;left:0;border-radius:0}}
.icon-pulse-btn{
  position:relative;
  width: 40px;
  height: 40px;
  border-radius:50%;

  display:grid;
  place-items:center;

  background:#ffffff;
  color:#111827;

  border:1px solid rgba(0,0,0,.12);
  cursor:pointer;

  font-size:16px;
  font-weight:600;

  box-shadow:0 6px 18px rgba(0,0,0,.12);
  z-index:1;
}

/* OUTER PULSE RING */
.icon-pulse-btn::before,
.icon-pulse-btn::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
  pointer-events:none;
}

/* MAIN WRAP PULSE */
.icon-pulse-btn::before{
  border:2px solid rgba(99,102,241,.45);
  animation:wrapPulse 2.6s ease-in-out infinite;
}

/* SOFT INNER BREATH */
.icon-pulse-btn::after{
  inset:-2px;
  border:1px solid rgba(99,102,241,.25);
  animation:innerPulse 1.8s ease-in-out infinite;
}

/* ==========================
   ANIMATIONS
========================== */

/* Outer ring: expands, tightens, expands */
/* OUTER WRAP – smooth expand only */
@keyframes wrapPulse{
  0%{
    transform:scale(1);
    opacity:.55;
  }
  60%{
    transform:scale(1.25);
    opacity:.15;
  }
  100%{
    transform:scale(1.25);
    opacity:0;
  }
}

/* INNER SOFT RING – subtle breathing, no shrink */
@keyframes innerPulse{
  0%,100%{
    opacity:.35;
  }
  50%{
    opacity:.55;
  }
}


/* Hover refinement */
@media (hover:hover){
  .icon-pulse-btn:hover{
    background:#f4f6fb;
	color:#383838;
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .icon-pulse-btn::before,
  .icon-pulse-btn::after{
    animation:none;
  }
}

.icon-pulse-btn{
position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #ef2c45;
    color: #ffffff;
    border: 1px solid rgba(0, 0, 0, .15);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    overflow: visible;
}

/* ===== PULSE RING ===== */
.icon-pulse-btn.pulse::before{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;

  border: 2px solid rgba(99,102,241,.6);

  animation: pulseRing 3s ease-out infinite;
  pointer-events: none;
}

/* ===== ANIMATION ===== */
@keyframes pulseRing{
  0%{
    transform: scale(1);
    opacity: .6;
  }
  70%{
    transform: scale(1.3);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
/* ==========================
   TRAILER TEXT BUTTON
========================== */

.trailer-text-btn{
height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    background: #ffffff;
    color: #272727;
    border: 1px solid rgba(99, 102, 241, .25);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .1px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background .25s ease, border-color .25s ease, transform .2s ease, box-shadow .25s ease;
}

/* subtle arrow cue */
.trailer-text-btn::after{
  content:"→";
  font-size:14px;
  opacity:.6;
  transition:transform .25s ease, opacity .25s ease;
}

/* hover */
@media (hover:hover){
  .trailer-text-btn:hover{
    background:#ffffff;
    border-color:#6366f1;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    transform:translateY(-1px);
	color:#2d2c2c;
  }

  .trailer-text-btn:hover::after{
    transform:translateX(4px);
    opacity:1;
  }
}

/* active */
.trailer-text-btn:active{
  transform:translateY(0);
}

/* ==========================
   ANIMATED TRAILER BUTTON
========================== */

.trailer-anim-btn{
  position:relative;
  height:46px;
  padding:0 22px;
  border-radius:999px;

  background:#ffffff;
  color:#111827;

  border:1px solid rgba(99,102,241,.35);
  cursor:pointer;

  font-size:14px;
  font-weight:500;
  letter-spacing:.2px;

  display:inline-flex;
  align-items:center;
  gap:10px;

  overflow:hidden;
  isolation:isolate;

  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* Arrow */
.trailer-anim-btn::after{
  content:"→";
  font-size:14px;
  opacity:.7;
  transform:translateX(0);
  transition:transform .3s ease;
}

/* SHIMMER SWEEP */
.trailer-anim-btn::before{
  content:"";
  position:absolute;
  inset:0;

  background:linear-gradient(
    120deg,
    transparent 30%,
    rgba(99,102,241,.35),
    transparent 70%
  );

  transform:translateX(-100%);
  animation:shimmer 2.6s ease-in-out infinite;
  z-index:-1;
}

/* ANIMATIONS */
@keyframes shimmer{
  0%{
    transform:translateX(-100%);
    opacity:0;
  }
  30%{
    opacity:.6;
  }
  60%{
    transform:translateX(100%);
    opacity:0;
  }
  100%{
    opacity:0;
  }
}

/* Hover interaction */
@media (hover:hover){
  .trailer-anim-btn:hover{
    background:#f4f6fb;
  }

  .trailer-anim-btn:hover::after{
    transform:translateX(4px);
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .trailer-anim-btn::before{
    animation:none;
  }
}