:root{
  --promotion-feature-cyan:#08bff5;
  --promotion-feature-gold:#e5bd70;
  --promotion-feature-gold-light:#f3d99b;
  --promotion-feature-line:rgba(57,196,242,.34);
}

.promotion-feature{
  isolation:isolate;min-height:390px;border-color:var(--promotion-feature-line)!important;
  background:#001d2d!important;box-shadow:0 18px 52px rgba(0,8,15,.26)!important;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.promotion-feature::after{
  z-index:1;background:linear-gradient(90deg,rgba(0,18,29,.97) 0%,rgba(0,27,42,.86) 38%,rgba(0,24,36,.24) 70%,rgba(0,18,29,.35) 100%)!important;
}
.promotion-feature>img{
  filter:saturate(.88) contrast(1.03);object-position:center;transform:scale(1.002);
  transition:transform .5s,filter .35s;
}
.promotion-feature__copy{
  position:relative;z-index:2;width:min(650px,55%);margin:34px 0 34px 34px;
  padding:31px 34px 33px!important;border:1px solid rgba(57,196,242,.32);
  border-radius:5px;background:linear-gradient(135deg,rgba(0,27,42,.94),rgba(0,25,39,.72));
  box-shadow:0 20px 52px rgba(0,7,12,.32),inset 0 0 30px rgba(8,191,245,.025);
  backdrop-filter:blur(4px);
}
.promotion-feature__copy>span{
  display:inline-flex;align-items:center;gap:10px;color:var(--promotion-feature-cyan)!important;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
}
.promotion-feature__copy>span::before{content:"";width:35px;height:2px;background:var(--promotion-feature-cyan);box-shadow:0 0 10px rgba(8,191,245,.35)}
.promotion-feature h1,.promotion-feature h2{
  max-width:560px;margin:12px 0 13px;font-size:clamp(34px,3.6vw,54px);line-height:1.02;letter-spacing:-.032em;
}
.promotion-feature [data-feature-text]{max-width:510px;margin:0 0 23px;color:#d4e6ee!important;font-size:15px;line-height:1.6}
.promotion-feature .button{
  min-height:50px;background:linear-gradient(135deg,var(--promotion-feature-gold-light),var(--promotion-feature-gold))!important;
  color:#14242c!important;box-shadow:0 12px 32px rgba(229,189,112,.22);
  transition:transform .2s,filter .2s,box-shadow .2s;
}
.promotion-feature .button:hover,.promotion-feature .button:focus-visible{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 16px 38px rgba(229,189,112,.31)}
.promotion-feature__badge{
  position:absolute;z-index:3;top:50%;right:5%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  width:190px;aspect-ratio:1;min-width:0;transform:translateY(-50%);border:1px solid rgba(243,217,155,.82)!important;
  border-radius:12px;padding:20px!important;background:linear-gradient(145deg,rgba(3,52,76,.9),rgba(0,21,33,.96));
  color:#fff!important;text-align:center;box-shadow:0 20px 48px rgba(0,8,15,.38),0 0 24px rgba(229,189,112,.16),inset 0 0 28px rgba(8,191,245,.05)!important;
}
.promotion-feature__badge span{max-width:145px;color:#d8e9ef;font-size:12px!important;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}
.promotion-feature__badge small{display:block;margin-top:6px;color:#f7e4b6;font-size:9px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none}
.promotion-feature__badge b{display:block;margin-top:7px;color:var(--promotion-feature-gold-light);font-size:72px;font-weight:700;line-height:.82;text-shadow:0 0 18px rgba(229,189,112,.24)}
.promotion-feature:hover{transform:translateY(-4px);border-color:var(--promotion-feature-gold)!important;box-shadow:0 24px 58px rgba(0,8,15,.38),0 0 24px rgba(8,191,245,.1)!important}
.promotion-feature:hover>img{transform:scale(1.025);filter:saturate(.94) contrast(1.05)}

.promotion-feature-page{padding:38px clamp(24px,4vw,70px) 64px;border-bottom:1px solid var(--promotion-feature-line);background:linear-gradient(180deg,#001824,#00283c)}
.promotion-feature-page>.promotion-feature,.promotion-feature-page__breadcrumbs{width:min(1460px,100%);margin-inline:auto}
.promotion-feature-page__breadcrumbs{margin-bottom:22px}
.promotion-feature-page+.content-shell{scroll-margin-top:92px}

@media(max-width:1050px){
  .promotion-feature__copy{width:61%;margin-left:26px;padding:29px!important}
  .promotion-feature__badge{right:28px;width:160px}
  .promotion-feature__badge b{font-size:62px}
}
@media(max-width:700px){
  .promotion-feature{min-height:650px}
  .promotion-feature>img{object-position:68% center}
  .promotion-feature::after{background:linear-gradient(180deg,rgba(0,20,32,.34),rgba(0,24,36,.98) 58%)!important}
  .promotion-feature__copy{position:absolute;left:20px;right:20px;bottom:20px;width:auto;margin:0;padding:25px 22px 116px!important}
  .promotion-feature h1,.promotion-feature h2{font-size:37px}
  .promotion-feature [data-feature-text]{font-size:14px}
  .promotion-feature .button{width:100%;padding-inline:14px}
  .promotion-feature__badge{top:auto;right:36px;bottom:40px;width:84px;transform:none;border-radius:50%;padding:11px!important}
  .promotion-feature__badge span,.promotion-feature__badge small{display:none}
  .promotion-feature__badge b{margin:0;font-size:42px}
  .promotion-feature-page{padding:25px 20px 48px}
  .promotion-feature-page__breadcrumbs{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  .promotion-feature,.promotion-feature>img,.promotion-feature .button{transition:none!important}
  .promotion-feature:hover,.promotion-feature .button:hover,.promotion-feature:hover>img{transform:none!important}
}