#egcs-steam-access .modal-dialog { max-width: 440px; margin: 10vh auto 24px; }
#egcs-steam-access .modal-content { position: relative; background: #15181f; border: 1px solid #303641; border-radius: 18px; color: #e8ebf0; padding: 34px 30px 0; box-shadow: 0 24px 80px #0006; overflow: hidden; }
#egcs-steam-access .egcs-auth-brand { color: #8995a7; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
#egcs-steam-access h3 { margin: 14px 0 8px; font-size: 25px; font-weight: 750; line-height: 1.25; }
#egcs-steam-access p { color: #9ba5b4; font-size: 14px; line-height: 1.6; }
#egcs-steam-access .egcs-auth-intro { margin: 0 0 25px; }
#egcs-steam-access .egcs-steam-close { position: absolute; right: 15px; top: 13px; width: 32px; height: 32px; padding: 0; background: transparent; border: 0; border-radius: 8px; color: #929cab; font-size: 26px; line-height: 1; cursor: pointer; }
#egcs-steam-access .egcs-steam-close:hover { color: #fff; background: #ffffff0a; }
#egcs-steam-access .egcs-steam-button { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0; min-height: 54px; padding: 12px; width: 100%; border: 1px solid #b5c4d7; border-radius: 10px; color: #121923; background: #afc0d5; font-size: 14px; font-weight: 750; cursor: pointer; }
#egcs-steam-access .egcs-steam-button i { font-size: 24px; }
#egcs-steam-access .egcs-steam-button > :last-child { margin-left: auto; }
#egcs-steam-access .egcs-steam-button:hover { background: #c1cfe0; }
#egcs-steam-access .egcs-steam-button:disabled { opacity: .6; cursor: wait; }
#egcs-steam-access .egcs-auth-hint { font-size: 12px; margin: 12px 0 16px; }
#egcs-steam-access .egcs-steam-consent { display: flex; align-items: flex-start; gap: 9px; margin: 0; font-size: 11px; font-weight: 400; line-height: 1.65; color: #909aaa; }
#egcs-steam-access .egcs-steam-consent input { appearance: auto; flex: none; width: 15px; height: 15px; margin-top: 2px; accent-color: #afc0d5; }
#egcs-steam-access a { color: #bfccdc; }
#egcs-steam-access .egcs-steam-consent a { text-decoration: underline; text-underline-offset: 3px; }
#egcs-steam-access [data-egcs-steam-result]:empty { display: none; }
#egcs-steam-access [data-egcs-steam-result] { margin-top: 12px; color: #e4aaaa; font-size: 12px; line-height: 1.5; }
#egcs-steam-access .egcs-auth-divider { display: flex; align-items: center; gap: 14px; margin: 21px 0; color: #798393; font-size: 12px; }
#egcs-steam-access .egcs-auth-divider::before, #egcs-steam-access .egcs-auth-divider::after { content: ''; height: 1px; flex: 1; background: #2a303a; }
#egcs-steam-access .egcs-auth-local { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px; border: 1px solid #343c48; border-radius: 10px; background: #1d222b; color: #d5dce5; font-size: 14px; font-weight: 600; text-decoration: none; }
#egcs-steam-access .egcs-auth-local:hover { background: #272e39; border-color: #606d80; }
#egcs-steam-access .egcs-auth-footer { padding: 19px 15px; margin: 27px -30px 0; border-top: 1px solid #292f39; text-align: center; color: #909baa; font-size: 12px; }
#egcs-steam-access .egcs-auth-footer:empty { display: none; }
#egcs-steam-access .egcs-auth-footer button, .egcs-auth-back { border: 0; background: transparent; color: #c8d5e6; cursor: pointer; font: inherit; padding: 4px; }
#egcs-steam-access .egcs-auth-footer button { margin-left: 4px; font-weight: 700; }
.egcs-auth-back { margin: 0 0 16px; font-size: 13px; }
#egcs-steam-access [hidden] { display: none !important; }
#egcs-steam-access :is(button, a, input):focus-visible { outline: 2px solid #b8cce7; outline-offset: 4px; }
@media(max-width: 480px) {
 #egcs-steam-access .modal-dialog { margin: 24px 12px; }
 #egcs-steam-access .modal-content { padding: 30px 22px 0; }
 #egcs-steam-access .egcs-auth-footer { margin-left: -22px; margin-right: -22px; }
 #egcs-steam-access .egcs-steam-button { gap: 8px; font-size: 13px; }
}

#egcs-steam-access .egcs-steam-mark { width: 26px; height: 26px; flex: none; }
#egcs-steam-access .egcs-auth-local, #egcs-steam-access .egcs-steam-consent a { color: #c3cfdf !important; }

                                                                 
html body :is(#authorization, #registration, #api_auth, #egcs-steam-access) {
 --auth-surface: #171e2b; --auth-input: #101722; --auth-text: #f2f5fc;
 --auth-muted: #abb9ce; --auth-accent: #b9c9f4; --auth-line: #3b4960;
}
html body :is(#authorization, #registration, #api_auth) .modal-dialog { max-width: 480px !important; margin: 5vh auto 24px !important; }
html body :is(#authorization, #registration, #api_auth, #egcs-steam-access) .modal-content {
 background: var(--auth-surface) !important; border: 1px solid var(--auth-line) !important;
 border-radius: 18px !important; color: var(--auth-text) !important;
 box-shadow: 0 24px 72px #0008 !important;
}
html body :is(#authorization, #registration, #api_auth) .modal-header { position: absolute; right: 14px; top: 14px; z-index: 1; padding: 0 !important; border: 0 !important; background: transparent !important; }
html body :is(#authorization, #registration, #api_auth) .chat-close { width: 30px; height: 30px; background: #ffffff06 !important; border: 1px solid #ffffff14 !important; color: #c2cde0 !important; }
html body :is(#authorization, #registration, #api_auth) .chat-close:hover { background: #ffffff12 !important; color: #fff !important; }
html body :is(#authorization, #registration, #api_auth) .modal-register { padding: 32px !important; overflow: visible; }
html body :is(#authorization, #registration, #api_auth) .egcs-auth-wordmark { display: flex; align-items: center; gap: 12px; margin: 0 0 23px; color: #edf2ff; font-size: 15px; font-style: italic; font-weight: 800; letter-spacing: .06em; }
html body :is(#authorization, #registration, #api_auth) .egcs-auth-wordmark span { border-left: 1px solid #485772; padding-left: 12px; color: #a6b8d4; font-size: 10px; font-style: normal; letter-spacing: .13em; }
html body :is(#authorization, #registration, #api_auth) .modal-register h3 { margin: 0 0 8px; text-align: left; color: var(--auth-text) !important; font-size: 26px; font-weight: 750; line-height: 1.2; }
html body :is(#authorization, #registration, #api_auth) .modal-register h5 { margin: 0 0 20px; text-align: left; color: var(--auth-muted) !important; font-size: 14px; font-weight: 400; line-height: 1.5; }
html body :is(#authorization, #registration) .egcs-auth-back { padding: 0; margin: 0 0 24px; color: #becdee !important; font-size: 12px; }
html body :is(#authorization, #registration) form { gap: 18px !important; }
html body :is(#authorization, #registration) .reg-form { margin: 0; }
html body :is(#authorization, #registration, #api_auth) .reg-form label { display: block; margin: 0 0 8px; color: #dbe4f3 !important; font-size: 13px; font-weight: 600; }
html body :is(#authorization, #registration, #api_auth) .reg-input {
 height: 48px; padding: 12px 14px 12px 43px; border: 1px solid #46556c !important; border-radius: 10px !important;
 background: var(--auth-input) !important; color: var(--auth-text) !important; -webkit-text-fill-color: var(--auth-text) !important;
 font-size: 14px; opacity: 1 !important; box-shadow: none !important;
}
html body :is(#authorization, #registration, #api_auth) .reg-input::placeholder { color: #9aaac1 !important; -webkit-text-fill-color: #9aaac1 !important; opacity: 1; }
html body :is(#authorization, #registration, #api_auth) .reg-input:focus { border-color: #b1c3f6 !important; box-shadow: 0 0 0 3px #acc2ff1c !important; outline: none; }
html body :is(#authorization, #registration, #api_auth) .reg-input:-webkit-autofill { -webkit-text-fill-color: #f2f5fc !important; box-shadow: 0 0 0 1000px #101722 inset !important; }
html body :is(#authorization, #registration, #api_auth) .reg-inputs svg { top: 14px; }
html body :is(#authorization, #registration, #api_auth) .reg-inputs svg path { fill: #9fb1cd !important; }
html body :is(#authorization, #registration, #api_auth) .reg-inputs:focus-within svg path { fill: #d1deff !important; }
html body :is(#authorization, #registration, #api_auth) .btn.btn-primary,
html body #egcs-steam-access .egcs-steam-button {
 display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 16px;
 border: 1px solid #c5d3f8 !important; border-radius: 10px !important;
 background: var(--auth-accent) !important; color: #141e35 !important;
 font-weight: 750; font-size: 14px; text-align: center; text-shadow: none !important; box-shadow: none !important;
}
html body :is(#authorization, #registration, #api_auth) .btn.btn-primary:not(:disabled):hover,
html body #egcs-steam-access .egcs-steam-button:not(:disabled):hover { background: #d0dcff !important; }
html body :is(#authorization, #registration, #api_auth) .btn.btn-primary:disabled,
html body #egcs-steam-access .egcs-steam-button:disabled { background: #53617b !important; color: #d1dbeb !important; border-color: #667693 !important; cursor: not-allowed !important; }
html body :is(#authorization, #registration, #api_auth) :is(.btn-recovery, .btns-registr-next a, .privacy-policy) { color: #c3d3ff !important; }
html body :is(#authorization, #registration, #api_auth) :is(#result, #result2, #result_api_reg):empty { display: none; }
html body :is(#authorization, #registration, #api_auth) :is(#result, #result2, #result_api_reg) { font-size: 13px; line-height: 1.6; color: #ffb3b8; }
html body :is(#authorization, #registration, #api_auth) :is(.text-danger, .error, .result_error) { color: #ffb3b8 !important; }
html body :is(#authorization, #registration) .login_social_register_header { gap: 14px; margin: 0; }
html body :is(#authorization, #registration) .login_social_register_header p { margin: 0; color: #a6b5cc !important; font-size: 11px; }
html body :is(#authorization, #registration) .login_social_register_line { background: #364359 !important; }
html body :is(#authorization, #registration) .btns-registr-social { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
html body :is(#authorization, #registration) .btn-registr-social { min-height: 46px; gap: 10px; border: 1px solid #46556c !important; border-radius: 10px; background: #1e293a !important; color: #dce6f8 !important; font-size: 12px; font-weight: 600; }
html body :is(#authorization, #registration) .btn-registr-social svg { width: 20px; height: 20px; }
html body :is(#authorization, #registration) .btn-registr-social svg path { fill: #bacbed !important; }
html body :is(#authorization, #registration) .btn-registr-social:hover { background: #2a384e !important; }
html body :is(#authorization, #registration) .btns-registr-next { margin: 2px -32px -32px; padding: 20px; border-top: 1px solid #354157; color: #adbbd0 !important; font-size: 12px; font-weight: 400; }
html body :is(#authorization, #registration) .btns-registr-next a { margin-left: 4px; font-weight: 650; }
html body #registration .privacy-text, html body #registration .privacy-text label { color: #b9c7dc !important; font-size: 12px; line-height: 1.6; }
html body :is(#authorization, #registration, #api_auth) :is(a, button):focus-visible { outline: 2px solid #c3d3ff; outline-offset: 3px; }
html body #egcs-steam-access h3 { color: var(--auth-text) !important; }
html body #egcs-steam-access :is(p, .egcs-steam-consent, .egcs-auth-footer) { color: var(--auth-muted) !important; }
html body #egcs-steam-access .egcs-auth-local { border-color: #46556c !important; background: #1e293a !important; color: #e0e9fa !important; }
@media(max-width: 520px) {
 html body :is(#authorization, #registration, #api_auth) .modal-dialog { margin: 18px 12px !important; max-width: calc(100% - 24px) !important; }
 html body :is(#authorization, #registration, #api_auth) .modal-register { padding: 28px 22px !important; }
 html body :is(#authorization, #registration, #api_auth) .modal-register h3 { font-size: 24px; }
 html body :is(#authorization, #registration) .btns-registr-next { margin: 2px -22px -28px; }
}
                                                                                        
html body:has(:is(#authorization, #registration, #api_auth, #egcs-steam-access).show) > .modal-backdrop.show {
 z-index: 49990 !important; background: #080c14 !important; opacity: .64 !important; backdrop-filter: blur(4px) !important;
}
html body #registration #submitBtn.btn.btn-primary:not(:disabled) { background: var(--auth-accent) !important; color: #141e35 !important; border-color: #c5d3f8 !important; box-shadow: none !important; }
html body #registration #submitBtn.btn.btn-primary:not(:disabled):hover { background: #d0dcff !important; }
html body #registration #submitBtn.btn.btn-primary:disabled { background: #53617b !important; color: #d1dbeb !important; border-color: #667693 !important; box-shadow: none !important; }

                                                                            
html body :is(#authorization, #registration, #api_auth) button.btn.btn-primary:not(:disabled):is(:hover, :focus, :active),
html body #registration #submitBtn.btn.btn-primary:not(:disabled):is(:hover, :focus, :active),
html body #egcs-steam-access button.egcs-steam-button:not(:disabled):is(:hover, :focus, :active) {
 color: #141e35 !important;
 -webkit-text-fill-color: #141e35 !important;
 background: #c1cef3 !important;
 border-color: #c5d3f8 !important;
 box-shadow: none !important;
 text-shadow: none !important;
 filter: none !important;
 transform: none !important;
}