.footer-wrapper{
  position:relative;
  background:#000004;
  color:#d6d8f1;
  border-top:0;
  overflow:hidden;
}
.footer-wrapper *,
.footer-wrapper *::before,
.footer-wrapper *::after{
  box-sizing:border-box;
}
.footer-wrapper::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:var(--scp-header-gradient,linear-gradient(90deg,#24c8ff,#9b5cff 58%,#d64dff));
}
.footer-wrapper .footer-inner{padding:64px 0 42px}
.footer-wrapper .scp-footer-grid{
  display:grid;
  grid-template-columns:minmax(250px,1.3fr) minmax(150px,.75fr) minmax(150px,.8fr) minmax(280px,1.2fr);
  gap:28px;
  align-items:start;
}
.footer-wrapper .footer-widget{min-width:0}
.footer-wrapper .footer-brand img{width:280px;max-width:100%;height:auto;display:block}
.footer-wrapper .footer-brand p{max-width:390px;margin:18px 0 22px;color:#c9cad8;line-height:1.7}
.footer-wrapper .footer-widget h4{
  margin:0 0 16px;
  color:#fff;
  font-size:17px;
  line-height:1.2;
  letter-spacing:0;
  position:relative;
  display:inline-flex;
  padding-bottom:10px;
}
.footer-wrapper .footer-widget h4::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:2px;
  border-radius:5px;
  background:var(--scp-header-gradient,linear-gradient(90deg,#24c8ff,#9b5cff 58%,#d64dff));
}
.footer-wrapper .footer-list-widget{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}
.footer-wrapper .footer-list-widget a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#dfe0ff;
  text-decoration:none;
  line-height:1.45;
}
.footer-wrapper .footer-list-widget a i{
  width:16px;
  color:#24c8ff;
  font-size:13px;
}
.footer-wrapper a:hover{color:#bba7ff !important}
.footer-wrapper .social{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.footer-wrapper .social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid #2b2b44;
  border-radius:5px;
  background:#171724;
  color:#fff;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.footer-wrapper .social a:hover{
  background:#21104b !important;
  border-color:rgba(155,92,255,.74) !important;
  color:#fff !important;
  box-shadow:0 0 18px rgba(155,92,255,.2);
}
.footer-wrapper .newsletter-copy{margin:0 0 15px;color:#c9cad8;line-height:1.65}
.footer-wrapper .newsletter-form .subscribe-mail{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  width:100%;
  margin-bottom:10px;
  padding:5px;
  border:1px solid #2b2b44;
  border-radius:5px;
  background:#080811;
}
.footer-wrapper .newsletter-form input[type="email"]{
  min-width:0;
  width:100%;
  height:46px;
  border:0;
  border-radius:5px;
  background:#10101a;
  color:#e8e8ff;
  padding:10px 13px;
  outline:none;
}
.footer-wrapper .newsletter-form input[type="email"]::placeholder{color:#8386a8}
.footer-wrapper .newsletter-form input[type="email"]:focus{
  box-shadow:inset 0 0 0 1px rgba(155,92,255,.74),0 0 0 .18rem rgba(155,92,255,.14);
}
.footer-wrapper .newsletter-form .scp-footer-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:auto;
  min-width:108px;
  height:46px;
  border:1px solid rgba(155,92,255,.74);
  border-radius:5px;
  background:#21104b;
  color:#fff;
  padding:0 14px !important;
  font-size:14px;
  font-weight:800;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(36,200,255,.08),0 0 18px rgba(155,92,255,.2);
}
.footer-wrapper .newsletter-form .scp-footer-submit::before,
.footer-wrapper .newsletter-form .scp-footer-submit::after{display:none}
.footer-wrapper .newsletter-form .scp-footer-submit i{color:#24c8ff}
.footer-wrapper .newsletter-form .scp-footer-submit:hover{
  background:#2d1667;
  border-color:rgba(36,200,255,.72);
  color:#fff;
}
.footer-wrapper .newsletter-form .scp-footer-submit:disabled{opacity:.65;cursor:not-allowed}
.footer-wrapper .newsletter-status{min-height:22px;font-size:13px;color:#bba7ff}
.footer-wrapper .newsletter-status.is-error{color:#ffb4b4}
.footer-wrapper .app-badge{display:inline-flex;margin-top:14px}
.footer-wrapper .app-badge img{width:168px;max-width:100%;height:auto;border-radius:5px}
.footer-wrapper .copyright{
  padding:20px 0;
  border-top:1px solid #151528;
  background:#000004;
}
.footer-wrapper .copyright-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.footer-wrapper .copyright p{margin:0;color:#aeb3dd;line-height:1.6}
.footer-wrapper .footer-legal{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  color:#5f6381;
}
.footer-wrapper .footer-legal a{color:#dfe0ff;text-decoration:none}
@media (max-width: 991px){
  .footer-wrapper .scp-footer-grid{grid-template-columns:1.05fr .95fr}
  .footer-wrapper .footer-newsletter{grid-column:1 / -1}
  .footer-wrapper .newsletter-form .subscribe-mail{max-width:520px}
}
@media (max-width: 767px){
  .footer-wrapper .footer-inner{padding:46px 0 30px;text-align:left}
  .footer-wrapper .scp-footer-grid{
    grid-template-columns:1fr;
    gap:28px;
    max-width:430px;
    margin:0 auto;
  }
  .footer-wrapper .footer-brand img{width:240px}
  .footer-wrapper .footer-brand p{max-width:none;margin:16px 0 18px}
  .footer-wrapper .social{gap:9px}
  .footer-wrapper .footer-widget h4{margin-bottom:12px}
  .footer-wrapper .footer-list-widget{gap:0}
  .footer-wrapper .footer-list-widget li + li{border-top:1px solid rgba(71,120,255,.14)}
  .footer-wrapper .footer-list-widget a{
    display:flex;
    width:100%;
    padding:9px 0;
  }
  .footer-wrapper .newsletter-form .subscribe-mail{
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  .footer-wrapper .app-badge{margin-top:10px}
  .footer-wrapper .copyright{padding:18px 0 22px}
  .footer-wrapper .copyright-row{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
    gap:14px;
  }
  .footer-wrapper .footer-legal{
    justify-content:center;
    gap:8px 12px;
    width:100%;
    max-width:360px;
  }
  .footer-wrapper .footer-legal span{display:none}
  .footer-wrapper .footer-legal a{
    display:inline-flex;
    justify-content:center;
    min-width:42%;
    padding:4px 0;
  }
}
@media (max-width: 479px){
  .footer-wrapper .newsletter-form .subscribe-mail{
    grid-template-columns:1fr;
  }
  .footer-wrapper .newsletter-form .scp-footer-submit{
    width:100%;
  }
  .footer-wrapper .footer-legal a{
    min-width:100%;
  }
}

