html body #LoginForm.auth-dialog-premium { --legacy-font-weight-cap: 400; position: fixed; inset: 0; width: 100%; height: 100dvh; padding: 0; z-index: 30000; font: 400 14px/1.5 Inter, sans-serif; color: #dce7eb; }
#LoginForm.auth-dialog-premium *, #LoginForm.auth-dialog-premium *::before, #LoginForm.auth-dialog-premium *::after { box-sizing: border-box; }
#LoginForm.auth-dialog-premium :not(.material-symbols-outlined) { font-family: Inter, sans-serif !important; letter-spacing: 0 !important; }
#LoginForm.auth-dialog-premium .material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; font-size: 20px; line-height: 1; flex-shrink: 0; }
html body #LoginForm.auth-dialog-premium .mdc-dialog__container { width: 100%; min-height: 0; padding: 20px; }
html body #LoginForm.auth-dialog-premium .mdc-dialog__surface { display: flex; flex-direction: column; width: 560px; max-width: 100%; max-height: calc(100dvh - 40px); min-height: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid #3c555c; border-radius: 8px; background: #111c21 !important; box-shadow: 0 24px 70px #0006; }
#LoginForm.auth-dialog-premium .mdc-dialog__scrim { background: #03090dc9; backdrop-filter: blur(4px); }
html body #LoginForm.auth-dialog-premium .mdc-dialog__surface { border-color: #3c555c !important; }
#LoginForm.auth-dialog-premium .auth-dialog-header { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 24px 26px 20px; }
#LoginForm.auth-dialog-premium .auth-dialog-header img { display: block; flex: 0 0 32px; width: 32px; height: 32px; object-fit: contain; }
html body #LoginForm.auth-dialog-premium h2 { --legacy-font-weight-cap: 600; margin: 0; color: #e9f1f2 !important; font: 600 22px/1.4 Inter, sans-serif; text-transform: none; text-shadow: none; overflow-wrap: anywhere; }
html body #LoginForm.auth-dialog-premium .auth-close { position: static; display: inline-flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: auto; padding: 0; border: 1px solid #3a5058; border-radius: 4px; background: transparent; color: #a7bec8; cursor: pointer; opacity: 1; }
#LoginForm.auth-dialog-premium .auth-close:hover { background: #20353b; }
html body #LoginForm.auth-dialog-premium .auth-dialog-form { display: flex; flex-direction: column; min-height: 0; width: 100%; margin: 0; padding: 0; }
#LoginForm.auth-dialog-premium .auth-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); flex-shrink: 0; gap: 0; margin: 0 26px 22px; padding: 0; border: 1px solid #3c535b; border-radius: 4px; overflow: hidden; background: transparent; }
#LoginForm.auth-dialog-premium .auth-tab { min-width: 0; min-height: 42px; padding: 10px 8px; border: 0; border-radius: 0; color: #9bb4bf; background: transparent; box-shadow: none; font: 400 13px/1.5 Inter, sans-serif; text-transform: none; cursor: pointer; transition: none; }
#LoginForm.auth-dialog-premium .auth-tab + .auth-tab { border-left: 1px solid #3c535b; }
#LoginForm.auth-dialog-premium .auth-tab.is-active { background: #303125; color: #e8d59a; box-shadow: none; }
html body #LoginForm.auth-dialog-premium .mdc-dialog__content { flex: 1 1 auto; min-height: 0; margin: 0; padding: 0 26px 22px; overflow: auto; color: #b4c9d2; text-align: left; scrollbar-width: thin; scrollbar-color: #486069 #111c21; }
#LoginForm.auth-dialog-premium .mdc-dialog__content::before, #LoginForm.auth-dialog-premium .mdc-dialog__content::after { content: none; }
#LoginForm.auth-dialog-premium .auth-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 16px; width: 100%; margin: 0; padding: 0; }
#LoginForm.auth-dialog-premium .auth-fields--register { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#LoginForm.auth-dialog-premium .auth-field--wide { grid-column: 1/-1; }
#LoginForm.auth-dialog-premium .auth-field { min-width: 0; width: 100%; margin: 0; padding: 0; }
html body #LoginForm.auth-dialog-premium .auth-field-caption { display: block !important; margin-bottom: 8px; color: #9fb8c3; font: 400 12px/1.5 Inter, sans-serif; overflow-wrap: anywhere; }
html body #LoginForm.auth-dialog-premium .mdc-text-field { display: inline-flex; position: relative; width: 100%; min-width: 0; height: 46px; min-height: 46px; margin: 0; padding: 0; border-radius: 4px; background: #0c181e !important; box-shadow: none !important; overflow: visible; }
html body #LoginForm.auth-dialog-premium .mdc-text-field__input { width: 100%; min-width: 0; height: 46px; padding: 11px 12px 11px 42px !important; border: 0 !important; border-radius: 4px; outline: none !important; color: #dbe7eb !important; background: transparent !important; box-shadow: none !important; font: 400 14px/1.5 Inter, sans-serif !important; caret-color: #8bd0c2; }
html body #LoginForm.auth-dialog-premium .auth-password-field .mdc-text-field__input { padding-right: 44px !important; }
html body #LoginForm.auth-dialog-premium .mdc-floating-label { display: none !important; visibility: hidden !important; }
html body #LoginForm.auth-dialog-premium .mdc-notched-outline > * { border-color: #3b535e !important; }
html body #LoginForm.auth-dialog-premium .mdc-notched-outline__notch { width: 0 !important; padding: 0 !important; border-top: 1px solid #3b535e !important; }
html body #LoginForm.auth-dialog-premium :is(.mdc-text-field--focused, .auth-field-is-focused) .mdc-notched-outline > * { border-color: #77c7b8 !important; }
html body #LoginForm.auth-dialog-premium .auth-field-icon { position: absolute; left: 13px; top: 13px; width: 20px; height: 20px; margin: 0; color: #87a8b2 !important; font-size: 20px; pointer-events: none; }
#LoginForm.auth-dialog-premium .auth-password-toggle { position: absolute; z-index: 1; right: 5px; top: 5px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 3px; color: #8daeb8; background: transparent; cursor: pointer; }
#LoginForm.auth-dialog-premium .auth-password-toggle:hover { background: #23363c; }
#LoginForm.auth-dialog-premium .auth-password-toggle .material-symbols-outlined { color: inherit !important; font-size: 20px; }
#LoginForm.auth-dialog-premium .auth-agreement { margin: 22px 0 0; padding: 0; }
#LoginForm.auth-dialog-premium .auth-agreement .mdc-form-field { display: flex; align-items: flex-start; gap: 8px; width: 100%; color: #9fb5bf; }
#LoginForm.auth-dialog-premium .auth-agreement label { min-width: 0; margin: 0; padding: 0; color: #9fb5bf; font: 400 12px/1.7 Inter, sans-serif; text-align: left; text-justify: auto; overflow-wrap: anywhere; cursor: pointer; }
#LoginForm.auth-dialog-premium .auth-agreement a { color: #96cdbf; border-bottom: 1px solid #577f75; text-decoration: none; }
#LoginForm.auth-dialog-premium .auth-agreement a:hover { color: #c3eee2; }
#LoginForm.auth-dialog-premium .mdc-checkbox { flex: 0 0 32px; width: 32px; height: 32px; margin: -3px 0 0 -6px; padding: 6px; }
#LoginForm.auth-dialog-premium .mdc-checkbox__background { top: 6px; left: 6px; width: 18px; height: 18px; border-color: #627c86; border-radius: 3px; }
#LoginForm.auth-dialog-premium .mdc-checkbox__native-control { top: 0; left: 0; width: 32px; height: 32px; }
#LoginForm.auth-dialog-premium .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background { border-color: #81c8b7; background: #81c8b7; }
#LoginForm.auth-dialog-premium .mdc-checkbox__checkmark { color: #10251e; }
#LoginForm.auth-dialog-premium .auth-dialog-actions { display: block; flex-shrink: 0; min-height: 0; margin: 0; padding: 18px 26px 24px; border-top: 1px solid #2b4149; background: transparent; }
#LoginForm.auth-dialog-premium .auth-dialog-actions > span { width: 100%; }
#LoginForm.auth-dialog-premium .auth-submit { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 44px; padding: 11px 14px; border: 1px solid #ffcf32; border-radius: 4px; color: #15201b; background: #ffcf32; box-shadow: none; font: 400 14px/1.5 Inter, sans-serif; text-transform: none; cursor: pointer; }
#LoginForm.auth-dialog-premium .auth-submit .material-symbols-outlined { color: inherit !important; }
#LoginForm.auth-dialog-premium .auth-submit:hover { background: #ffdc68; }
#LoginForm.auth-dialog-premium :is(.auth_warning, .auth-context-note) { margin: 0 0 20px; padding: 12px; border: 1px solid #3a6057; border-radius: 4px; background: #18302a; color: #a0d9c5; font: 400 13px/1.7 Inter, sans-serif; text-align: left; overflow-wrap: anywhere; }
#LoginForm.auth-dialog-premium .auth_warning.auth_error { border-color: #72474a; background: #2b2022; color: #ebb0b3; }
#LoginForm.auth-dialog-premium .auth-context-note { border-color: #615735; background: #2a281e; color: #d9cb9c; }
#LoginForm.auth-dialog-premium :is(a, button):focus-visible { outline: 2px solid #8bd0c2; outline-offset: 3px; }
#LoginForm.auth-dialog-premium .auth-tab:focus-visible { outline-offset: -3px; }
#LoginForm.auth-dialog-premium .mdc-checkbox__native-control:focus-visible ~ .mdc-checkbox__background { outline: 2px solid #8bd0c2; outline-offset: 3px; }
#LoginForm.auth-dialog-premium button:disabled { opacity: .55; cursor: wait; }
html body #LoginForm.auth-dialog-premium .mdc-text-field__input:is(:autofill, :-webkit-autofill) { -webkit-text-fill-color: #dbe7eb !important; caret-color: #8bd0c2; box-shadow: 0 0 0 1000px #0c181e inset !important; }
body:has(#LoginForm.mdc-dialog--open) :is(#personal_data, #agree_data).mdc-dialog { inset: 0; height: 100dvh; z-index: 31000; }
@media (max-width: 560px) {
    html body #LoginForm.auth-dialog-premium .mdc-dialog__container { padding: 12px; }
    html body #LoginForm.auth-dialog-premium .mdc-dialog__surface { max-height: calc(100dvh - 24px); }
    #LoginForm.auth-dialog-premium .auth-dialog-header { padding: 20px 20px 18px; gap: 10px; }
    html body #LoginForm.auth-dialog-premium h2 { font-size: 20px; }
    #LoginForm.auth-dialog-premium .auth-tabs { margin-inline: 20px; margin-bottom: 20px; }
    html body #LoginForm.auth-dialog-premium .mdc-dialog__content { padding-inline: 20px; }
    #LoginForm.auth-dialog-premium .auth-fields--register { grid-template-columns: minmax(0, 1fr); }
    #LoginForm.auth-dialog-premium .auth-dialog-actions { padding: 16px 20px 20px; }
}
@media (max-height: 620px) { #LoginForm.auth-dialog-premium .auth-dialog-header { padding-top: 14px; padding-bottom: 14px; } #LoginForm.auth-dialog-premium .auth-tabs { margin-bottom: 16px; } #LoginForm.auth-dialog-premium .auth-dialog-actions { padding-top: 12px; padding-bottom: 14px; } }