/* V220 — background visibility fix: decorative assets are now direct page backgrounds */
.ft-page{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,
      rgba(5,18,32,.03) 0%,
      rgba(5,18,32,.08) 18%,
      rgba(5,18,32,.34) 32%,
      rgba(5,18,32,.64) 49%,
      rgba(5,18,32,.66) 61%,
      rgba(5,18,32,.36) 78%,
      rgba(5,18,32,.06) 100%),
    linear-gradient(180deg,rgba(5,18,32,.00) 0%,rgba(5,18,32,.08) 58%,#07182b 100%),
    url('/francais/assets/images/community/v217/mockup-left.webp') left top / auto 760px no-repeat,
    url('/francais/assets/images/community/v217/mockup-right.webp') right top / auto 760px no-repeat,
    #07182b;
}
/* Previous pseudo backgrounds were behind the opaque page background. Disable them. */
.ft-page::before,
.ft-page::after{
  display:none!important;
}
/* Keep only the page decoration itself; duplicate shell decorations are disabled. */
.ft-shell::before,
.ft-shell::after{
  display:none!important;
}
.ft-shell{
  max-width:1600px;
  padding:30px 44px 40px;
}
.ft-hero{
  width:1190px;
  max-width:calc(100vw - 120px);
  transform:translateX(42px);
}
.ft-discord-card{
  background:rgba(6,23,40,.93);
  backdrop-filter:blur(8px);
}
.ft-channel-card,
.ft-voice-demo,
.ft-note{
  backdrop-filter:blur(5px);
}
@media(max-width:1320px){
  .ft-page{
    background:
      linear-gradient(90deg,rgba(5,18,32,.12),rgba(5,18,32,.48) 42%,rgba(5,18,32,.56) 62%,rgba(5,18,32,.16)),
      linear-gradient(180deg,rgba(5,18,32,.02),rgba(5,18,32,.12) 62%,#07182b 100%),
      url('/francais/assets/images/community/v217/mockup-left.webp') left top / auto 650px no-repeat,
      url('/francais/assets/images/community/v217/mockup-right.webp') right top / auto 650px no-repeat,
      #07182b;
  }
  .ft-hero{max-width:calc(100vw - 80px);transform:none}
}
@media(max-width:1050px){
  .ft-page{
    background:
      linear-gradient(180deg,rgba(5,18,32,.18),rgba(5,18,32,.64) 44%,#07182b 100%),
      url('/francais/assets/images/community/v217/mockup-left.webp') left top / auto 520px no-repeat,
      url('/francais/assets/images/community/v217/mockup-right.webp') right top / auto 520px no-repeat,
      #07182b;
  }
}
@media(max-width:780px){
  .ft-page{
    background:
      linear-gradient(180deg,rgba(5,18,32,.24),rgba(5,18,32,.78) 42%,#07182b 100%),
      url('/francais/assets/images/community/v217/mockup-left.webp') 15% top / auto 430px no-repeat,
      #07182b;
  }
  .ft-shell{padding:22px 14px 30px}
}