.mx_AuthPage[style] { background: #07080b !important; background-image: radial-gradient(900px 500px at 20% 10%, rgba(180, 30, 40, 0.35), transparent 60%), radial-gradient(900px 500px at 80% 30%, rgba(40, 80, 200, 0.35), transparent 60%), linear-gradient(180deg, #07080b, #0e1118 60%, #050608) !important; background-size: auto !important; background-position: initial !important; padding: 48px 16px !important; align-items: flex-start !important; overflow-y: auto !important; min-height: 100vh !important; box-sizing: border-box !important; }
.mx_AuthPage_modalBlur[style] { background: transparent !important; filter: none !important; }
.mx_AuthPage_modal { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 20px !important; backdrop-filter: blur(16px) !important; box-shadow: none !important; max-width: 560px !important; width: 100% !important; margin: 0 auto !important; }
.mx_AuthPage_modal .mx_AuthPage_modalContent { background-color: transparent !important; background: transparent !important; }
.mx_AuthPage_modalContent { width: 100% !important; flex-direction: column !important; }
.mx_AuthBody { background: transparent !important; box-shadow: none !important; color: #fff !important; padding: 40px 28px 32px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.mx_AuthBody h1 { color: #fff !important; text-align: center !important; font-size: 1.4rem !important; font-weight: 600 !important; margin-bottom: 24px !important; text-transform: capitalize !important; }
.mx_AuthBody h2, .mx_ServerPicker h2 { color: rgba(255,255,255,0.5) !important; font-size: 0.75rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: normal !important; margin-bottom: 2px !important; }
.mx_ServerPicker_server { color: rgba(255,255,255,0.9) !important; font-size: 0.95rem !important; }
.mx_Field { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 10px !important; height: 56px !important; position: relative !important; margin-bottom: 12px !important; overflow: hidden !important; }
.mx_AuthBody .mx_Field label { position: absolute !important; top: 6px !important; left: 14px !important; right: auto !important; bottom: auto !important; font-size: 0.65rem !important; font-weight: 600 !important; color: rgba(255,255,255,0.45) !important; background: transparent !important; transform: none !important; pointer-events: none !important; z-index: 1 !important; padding: 0 !important; width: auto !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
.mx_AuthBody .mx_Field input, .mx_AuthBody .mx_Field select { background: transparent !important; color: #fff !important; padding: 22px 8px 6px 10px !important; height: 56px !important; border: none !important; outline: none !important; width: 100% !important; box-sizing: border-box !important; font-size: 0.95rem !important; position: relative !important; z-index: 2 !important; }
.mx_Field input::placeholder { color: transparent !important; }
.mx_Field:focus-within { border-color: rgba(255,255,255,0.35) !important; background: rgba(255,255,255,0.09) !important; }
.mx_Field_select { height: 56px !important; }
.mx_AuthBody .mx_Field_select select { padding: 0 14px !important; height: 56px !important; }
._button_13vu4_8.mx_Login_submit, .mx_Login_submit { background: rgba(180,30,40,0.7) !important; border: 1px solid rgba(220,50,60,0.4) !important; border-radius: 12px !important; color: #fff !important; width: 100% !important; height: 50px !important; margin-top: 6px !important; font-size: 1rem !important; font-weight: 600 !important; text-transform: capitalize !important; }
._button_13vu4_8.mx_Login_submit:hover { background: rgba(180,30,40,0.9) !important; }
.mx_Login_forgot { color: rgba(255,255,255,0.5) !important; font-size: 0.85rem !important; text-align: center !important; margin: 8px 0 !important; }
.mx_AuthBody a, .mx_AccessibleButton_kind_link, .mx_AccessibleButton_kind_link_inline { color: rgba(255,255,255,0.7) !important; }
.mx_AuthBody_changeFlow { text-align: center !important; font-size: 0.85rem !important; color: rgba(255,255,255,0.6) !important; margin-top: 16px !important; display: block !important; }
.mx_AuthHeaderLogo, .mx_LanguageDropdown, .mx_AuthFooter, .mx_AuthHeader { display: none !important; }
.mx_Dropdown_input { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.15) !important; color: #fff !important; border-radius: 10px !important; height: 50px !important; display: flex !important; align-items: center !important; padding: 0 14px !important; }
.mx_Dropdown_option { display: flex !important; align-items: center !important; }
.mx_Login_type_container { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important; }
.mx_Login_type_label { white-space: nowrap !important; font-size: 0.85rem !important; color: rgba(255,255,255,0.7) !important; }
.mx_AuthBody::before { content: ''; display: block; width: 180px; height: 180px; background: url('/logo.png') center/contain no-repeat; margin: 0 auto 24px; }

.mx_CompleteSecurity, .mx_AuthPage .mx_CompleteSecurity {
    background: transparent !important;
}
.mx_CompleteSecurity .mx_SecurityUserSettingsTab,
.mx_Dialog.mx_CompleteSecurity_dialog {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    color: #fff !important;
}.mx_AuthPage .mx_Dialog_border {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
}
.mx_CompleteSecurity, .mx_CompleteSecurityBody {
    background: transparent !important;
    color: #fff !important;
}
.mx_CompleteSecurityBody h1, .mx_CompleteSecurity_header h1 {
    color: #fff !important;
}
.mx_AuthPage .mx_Dialog_background {
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(4px) !important;
}
[class*="_glass_"] {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
}
.mx_AuthPage .mx_Dialog_border {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
    color: #fff !important;
}
.mx_CompleteSecurityBody, .mx_EncryptionCard, .mx_EncryptionCard_noBorder {
    background: transparent !important;
    color: #fff !important;
}
.mx_EncryptionCard_header h2, .mx_CompleteSecurity_header, .mx_EncryptionCard span {
    color: #fff !important;
}
.mx_EncryptionCard_buttons button[data-kind="secondary"] {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
}
.mx_EncryptionCard_buttons button[data-kind="tertiary"] {
    background: transparent !important;
    color: rgba(255,255,255,0.6) !important;
}
.mx_CompleteSecurity_skip { color: #fff !important; }
.mx_AuthPage .mx_Dialog_border,
.mx_AuthPage ._glass_sepwu_8,
.mx_AuthPage [class*="_glass_"] {
    --cpd-color-alpha-gray-400: rgba(255,255,255,0.08) !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    outline: none !important;
}
.mx_SetupEncryptionBody, .mx_EncryptionCard, .mx_CompleteSecurityBody {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.mx_EncryptionCard_buttons button {
    border-radius: 12px !important;
}
.mx_EncryptionCard_buttons button[data-kind="secondary"] {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
}
.mx_AuthPage .mx_Dialog_border._glass_sepwu_8 {
    --cpd-color-alpha-gray-400: rgba(255,255,255,0.08) !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    outline: none !important;
}
.mx_Dialog_border._glass_sepwu_8 > * {
    border-radius: 16px !important;
}
.mx_AuthPage .mx_Dialog_border._glass_sepwu_8 {
    background: none !important;
    backdrop-filter: none !important;
    outline: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 560px !important;
    box-sizing: border-box !important;
}
.mx_AuthPage .mx_Dialog_border {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 560px !important;
    box-sizing: border-box !important;
}
.mx_AuthPage .mx_CompleteSecurityBody, .mx_AuthPage .mx_SetupEncryptionBody, .mx_AuthPage .mx_EncryptionCard {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #fff !important;
}
.mx_Dialog_wrapper .mx_AuthPage .mx_Dialog_border._glass_sepwu_8 {
    background: none !important;
    backdrop-filter: none !important;
    outline: none !important;
    border: none !important;
}
.mx_Dialog_wrapper .mx_AuthPage .mx_Dialog_border {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
}
.mx_AuthPage .mx_Dialog_wrapper .mx_Dialog {
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    border-radius: 16px !important;
}
.mx_Dialog_wrapper .mx_Dialog h2,
.mx_Dialog_wrapper .mx_Dialog span,
.mx_Dialog_wrapper .mx_Dialog li {
    color: #fff !important;
}
.mx_AuthPage .mx_Dialog_background {
    background: rgba(0,0,0,0.5) !important;
    backdrop-filter: blur(4px) !important;
}
.mx_Dialog_wrapper .mx_AuthPage .mx_Dialog_border {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
}
.mx_Dialog_Container .mx_EncryptionCard,
.mx_Dialog_Container .mx_Dialog {
    background: transparent !important;
    --cpd-color-bg-canvas-default: transparent !important;
}
.mx_Dialog_Container ._visual-list-item_1nc1y_8 {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.mx_Dialog_wrapper .mx_AuthPage .mx_Dialog_border {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(16px) !important;
}
.mx_Dialog_Container .mx_EncryptionCard,
.mx_Dialog_Container .mx_Dialog {
    background: transparent !important;
    --cpd-color-bg-canvas-default: transparent !important;
}
.mx_Dialog_Container ._visual-list-item_1nc1y_8 {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    color: #fff !important;
}