body {
    background:
        linear-gradient(rgba(10,12,18,.60), rgba(10,12,18,.78)),
        url('/uploads/app_bg_eda164afafaaac8100a3a5bc02d6e91e.jpg') center/cover no-repeat fixed !important;
}

.mx_AuthPage,
.mx_WelcomePage,
.mx_Login,
.mx_AuthBody,
.mx_AuthPage_wrapper,
.mx_AuthBody_wrapper {
    background: transparent !important;
}

.mx_AuthPage_modal,
.mx_AuthBody,
.mx_WelcomePage .mx_PageTemplate,
.mx_Login_box,
.mx_Login {
    background: rgba(20,24,33,0.78) !important;
    backdrop-filter: blur(10px);
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
}

.mx_AuthHeader,
.mx_AuthHeader_wrapper,
.mx_AuthPage .mx_AuthHeader {
    background: rgba(255,255,255,0.02) !important;
    border-radius: 24px 0 0 24px !important;
    position: relative !important;
    min-width: 180px !important;
}

.mx_AuthHeader_logo,
.mx_AuthHeader_icon,
.mx_WelcomePage_logo,
.mx_AuthHeader img,
.mx_AuthHeader svg,
.mx_Login_logo,
.mx_AuthPage_logo {
    opacity: 0 !important;
    visibility: hidden !important;
}

.mx_AuthHeader::before {
    content: "";
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    background-image: url('/uploads/app_logo_channels4_profile.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 20;
}


/* hide register button on welcome/login */
a[href*="register"],
button[aria-label*="register"],
.mx_AuthPage_createAccount,
.mx_AuthPage_registerButton,
.mx_Login_create,
.mx_Login_register,
.mx_WelcomePage_registerButton {
    display: none !important;
}


.mx_AuthHeader_logo_text,
.mx_AuthHeader_subtitle,
.mx_AuthPage h1,
.mx_AuthPage h2,
.mx_AuthPage p,
.mx_WelcomePage h1,
.mx_WelcomePage h2,
.mx_WelcomePage p,
.mx_Login h1,
.mx_Login h2,
.mx_Login p,
.mx_Text {
    display: none !important;
}

img[alt*="matrix"],
img[src*="matrix"],
.mx_AuthHeader_matrixLogo,
.mx_MatrixLogo,
.mx_WelcomePage_matrixLogo {
    display: none !important;
}

.mx_AuthPage_footer,
.mx_AuthFooter,
.mx_WelcomePage_footer,
footer,
a[href*="blog"],
a[href*="mastodon"],
a[href*="github"],
a[href*="matrix.org"] {
    display: none !important;
}

.mx_Login::before,
.mx_AuthBody::before {
    content: "Всем привет! ";
    display: block;
    color: white;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    margin: 10px 0 12px 0;
}

.mx_Login::after,
.mx_AuthBody::after {
    content: "Общайтесь на собственном сервере DexFox Chat.";
    display: block;
    color: rgba(255,255,255,0.82);
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
}

.mx_ServerPicker,
.mx_ServerPicker * {
    color: rgba(255,255,255,0.92) !important;
}

input,
textarea,
select {
    border-radius: 12px !important;
}

button,
.mx_AccessibleButton_kind_primary {
    border-radius: 14px !important;
}

.mx_LanguageDropdown {
    margin-top: 18px !important;
}