/* Terminator welcome/login skin */
html, body, #matrixchat {
  background: #120805 !important;
}
.mx_AuthPage {
  background: #120805 url('/element/terminator-dark-fate-bg.jpg') center center / cover no-repeat fixed !important;
  position: relative !important;
}
.mx_AuthPage::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.18) 42%, rgba(0,0,0,.02) 72%),
    radial-gradient(circle at 72% 48%, rgba(255, 190, 80, .18), transparent 36%);
  z-index: 0;
}
.mx_AuthPage > * {
  position: relative;
  z-index: 1;
}
.mx_AuthPage_modal {
  background: rgba(10, 8, 7, .70) !important;
  border: 1px solid rgba(255, 164, 72, .30) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.55), inset 0 0 28px rgba(255, 92, 20, .10) !important;
  backdrop-filter: blur(5px);
}
.mx_AuthBody {
  background: rgba(8, 8, 8, .76) !important;
  color: rgba(255, 232, 196, .90) !important;
}
.mx_AuthBody h1,
.mx_DefaultWelcome h1 {
  color: #fff1d2 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.8);
}
.mx_DefaultWelcome p,
.mx_AuthBody h2,
.mx_AuthBody .mx_AuthBody_text {
  color: rgba(255, 220, 170, .82) !important;
}
.mx_AuthHeader,
.mx_AuthFooter {
  background: transparent !important;
}
.mx_AuthFooter,
.mx_AuthFooter a:link,
.mx_AuthFooter a:visited {
  color: rgba(255, 224, 180, .82) !important;
}
.mx_AccessibleButton_kind_primary,
.mx_AccessibleButton_kind_primary_outline {
  box-shadow: 0 0 18px rgba(255, 70, 24, .22) !important;
}
@media only screen and (max-width: 700px) {
  .mx_AuthPage {
    background-position: 28% center !important;
  }
}

/* Hide Element external footer links on auth screens */
.mx_AuthFooter {
  display: none !important;
}


/* Terminator auth panel redesign */
.mx_AuthPage_modal {
  overflow: hidden !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(9, 9, 10, .88), rgba(42, 18, 8, .72)) !important;
  border: 1px solid rgba(255, 151, 50, .42) !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .70),
    0 0 0 1px rgba(255, 60, 20, .14),
    inset 0 0 42px rgba(255, 86, 21, .10) !important;
}
.mx_AuthPage_modal::before {
  content: "CYBERDYNE SYSTEMS";
  position: absolute;
  left: 18px;
  top: 14px;
  z-index: 2;
  color: rgba(255, 170, 86, .52);
  font: 700 11px Consolas, monospace;
  letter-spacing: 2px;
  pointer-events: none;
}
.mx_AuthHeader {
  background: linear-gradient(180deg, rgba(255, 90, 20, .10), rgba(0,0,0,.10)) !important;
  border-right: 1px solid rgba(255, 151, 50, .18) !important;
}
.mx_AuthBody {
  background:
    linear-gradient(180deg, rgba(11, 12, 14, .90), rgba(6, 6, 7, .86)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px) !important;
  border-radius: 0 14px 14px 0 !important;
  color: rgba(255, 229, 190, .92) !important;
}
.mx_DefaultWelcome .mx_DefaultWelcome_logo img {
  filter: drop-shadow(0 0 16px rgba(255, 77, 34, .55)) saturate(.65) hue-rotate(150deg) !important;
}
.mx_DefaultWelcome h1,
.mx_AuthBody h1 {
  color: #ffe6b7 !important;
  font-family: Consolas, 'Courier New', monospace !important;
  text-transform: uppercase;
  letter-spacing: 0;
  text-shadow: 0 0 16px rgba(255, 80, 30, .52), 0 2px 12px rgba(0,0,0,.85) !important;
}
.mx_DefaultWelcome p,
.mx_AuthBody h2,
.mx_AuthBody .mx_AuthBody_text {
  color: rgba(255, 198, 128, .86) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.78) !important;
}
.mx_DefaultWelcome .mx_DefaultWelcome_buttons {
  border-bottom-color: rgba(255, 151, 50, .22) !important;
}
.mx_AuthBody .mx_AccessibleButton,
.mx_DefaultWelcome .mx_DefaultWelcome_buttons a {
  border-radius: 6px !important;
  font-family: Consolas, 'Courier New', monospace !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0;
}
.mx_AccessibleButton_kind_primary {
  background: linear-gradient(180deg, #ff6a22, #b92712) !important;
  border: 1px solid rgba(255, 191, 92, .62) !important;
  color: #160805 !important;
  box-shadow: 0 0 22px rgba(255, 75, 24, .42), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.mx_AccessibleButton_kind_primary:hover {
  background: linear-gradient(180deg, #ff8a36, #d23817) !important;
}
.mx_AccessibleButton_kind_primary_outline,
.mx_DefaultWelcome .mx_DefaultWelcome_buttons_register {
  background: rgba(4, 4, 5, .58) !important;
  border: 1px solid rgba(255, 176, 80, .46) !important;
  color: #ffd99c !important;
  box-shadow: inset 0 0 18px rgba(255, 96, 0, .08) !important;
}
.mx_AccessibleButton_kind_primary_outline:hover,
.mx_DefaultWelcome .mx_DefaultWelcome_buttons_register:hover {
  background: rgba(74, 24, 9, .70) !important;
  border-color: rgba(255, 92, 36, .82) !important;
}
.mx_AuthBody_language {
  color: rgba(255, 217, 156, .78) !important;
}
.mx_AuthBody_language .mx_Dropdown_input,
.mx_AuthBody_language .mx_Dropdown_arrow {
  color: rgba(255, 217, 156, .86) !important;
}
.mx_AuthBody .mx_Field input,
.mx_AuthBody .mx_Field select {
  background: rgba(0,0,0,.42) !important;
  color: #fff1d2 !important;
}
.mx_AuthBody .mx_Field {
  border-color: rgba(255, 151, 50, .30) !important;
}
@media only screen and (max-width: 480px) {
  .mx_AuthPage_modal {
    margin: 16px !important;
    border-radius: 14px !important;
  }
  .mx_AuthBody {
    border-radius: 14px !important;
  }
}

/* Hide Element logo on welcome/auth card */
.mx_DefaultWelcome .mx_DefaultWelcome_logo,
.mx_AuthBody .mx_AuthBody_icon,
.mx_AuthHeaderLogo {
  display: none !important;
}

/* Replace default welcome copy */
.mx_DefaultWelcome h1 {
  font-size: 0 !important;
  margin-top: 0 !important;
}
.mx_DefaultWelcome h1::after {
  content: "\041f \043e \0448 \043b \0438 \0020 \0441 \043e \0020 \043c \043d \043e \0439 \002c \0020 \0435 \0441 \043b \0438 \0020 \0445 \043e \0447 \0435 \0448 \044c \0020 \0436 \0438 \0442 \044c \0021 ";
  display: block;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.15;
  color: #ffe6b7;
  text-transform: none;
  white-space: normal;
}
.mx_DefaultWelcome > p {
  display: none !important;
}

/* Hide Matrix redaction notices in the hosted Element Web client. */
.mx_RedactedBody,
.mx_EventTile:has(.mx_RedactedBody),
.mx_EventTile_line:has(.mx_RedactedBody),
.mx_EventTile_content:has(.mx_RedactedBody) {
  display: none !important;
}