.auth-language-picker {
    position: fixed;
    top: calc(12px + env(safe-area-inset-top, 0px));
    right: calc(16px + env(safe-area-inset-right, 0px));
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: auto;
    max-width: calc(100% - 80px);
    margin: 0;
    color: #e5e7eb;
}
.auth-language-picker label {
    margin: 0;
    color: #e5e7eb;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
}
.auth-language-picker select {
    box-sizing: border-box;
    width: 164px;
    max-width: 100%;
    min-height: 44px;
    flex-shrink: 0;
    padding: 8px 12px;
    border: 1px solid #6b7280;
    border-radius: 8px;
    background: #252a35;
    color: #ffffff;
    color-scheme: dark;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
    touch-action: manipulation;
}
.auth-language-picker select:hover { border-color: #ffb74d; }
.auth-language-picker select:focus-visible {
    outline: 3px solid #ffb74d;
    outline-offset: 3px;
}
.auth-language-picker option { background: #252a35; color: #ffffff; }
.auth-layout { scroll-padding-top: calc(80px + env(safe-area-inset-top, 0px)); }
.auth-layout .page-wrap {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding: calc(104px + env(safe-area-inset-top, 0px)) 24px 48px !important;
}
.auth-layout .login-center, .auth-layout .register-center { min-width: 0; }
.auth-layout .brand-logo { margin-bottom: 40px !important; }
.auth-layout .brand-market-label { line-height: 1.5; }
.auth-layout .login-card, .auth-layout .register-card {
    padding: 40px 28px 28px !important;
    min-width: 0;
}
.auth-layout .login-title, .auth-layout .register-title {
    line-height: 1.35;
    overflow-wrap: break-word;
}
.auth-layout .input-item input { font-size: 16px !important; }
.auth-layout input { scroll-margin-top: calc(80px + env(safe-area-inset-top, 0px)); }
.auth-layout input:focus-visible {
    outline: 2px solid #ffb74d !important;
    outline-offset: 2px;
}
.auth-layout .back-btn {
    top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    left: calc(16px + env(safe-area-inset-left, 0px)) !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
}
.auth-layout .quick-register span, .auth-layout .login-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    max-width: 100%;
    line-height: 1.4;
}
.auth-layout .login-btn, .auth-layout .register-btn { min-height: 48px; }
.auth-page-recovery { margin: 0; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.auth-page-recovery .no_headers {
    top: calc(12px + env(safe-area-inset-top, 0px));
    left: calc(16px + env(safe-area-inset-left, 0px));
    width: 44px;
    height: 44px;
    background: transparent;
}
.auth-page-recovery .no_headers .txtl { width: 44px; line-height: 44px !important; }
.auth-page-recovery .no_headers svg { width: 44px; height: 44px; padding: 10px !important; box-sizing: border-box; }
.auth-page-recovery #page-container {
    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: calc(96px + env(safe-area-inset-top, 0px)) 16px 32px;
}
.auth-page-recovery .all-dela-presets-container { width: 100%; margin: 0 auto; max-width: 460px; }
.auth-page-recovery .dela-presets-container-2 { background: transparent; }
.auth-page-recovery .dela-presets-container-2 .dela-preset-container { margin: 0; width: 100%; }
.auth-page-recovery .dela-presets-container-2 .dela-preset-2-2 {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 24px;
    background: #1b1d29;
    font-family: inherit;
}
.auth-page-recovery .fd-box { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; width: 100%; height: auto; line-height: 1.4; margin-bottom: 20px; }
.auth-page-recovery .fd-box .dfs { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 4px 0; }
.auth-page-recovery input:not([type="hidden"]) { box-sizing: border-box; min-height: 46px; max-width: 100%; font-family: inherit !important; font-size: 16px; }
.auth-page-recovery #main_demo .container { width: 100%; padding: 0; }
.auth-page-recovery .country-select { width: 100%; }
.auth-page-recovery #country_selector { margin-left: 0; padding-left: 52px; text-indent: 0; }
.auth-page-recovery .recovery-code-row { display: flex; gap: 8px; height: auto !important; margin-bottom: 20px; }
.auth-page-recovery .recovery-code-row #ecode { flex: 1 1 0; width: 0 !important; min-width: 0; margin: 0; }
.auth-page-recovery .recovery-code-row input[type="submit"] { flex: 0 1 auto; min-width: 80px; width: auto !important; max-width: 45%; margin: 0 !important; height: 46px !important; padding: 0 12px; text-indent: 0; }
.auth-page-recovery input[type="button"] { width: 100%; cursor: pointer; border: 0; border-radius: 4px; background: #5bdcb9; color: #111420; font-weight: 700; }
@media (max-width: 520px) {
    .auth-language-picker { right: calc(12px + env(safe-area-inset-right, 0px)); }
    .auth-language-picker select { width: 148px; }
    .auth-layout .page-wrap { align-items: flex-start !important; padding: calc(96px + env(safe-area-inset-top, 0px)) 16px 32px !important; }
    .auth-layout .brand-logo { margin-bottom: 36px !important; }
    .auth-layout .login-card, .auth-layout .register-card { padding: 38px 20px 24px !important; }
    .auth-layout .back-btn { left: calc(12px + env(safe-area-inset-left, 0px)) !important; }
    .auth-page-recovery .no_headers { left: calc(12px + env(safe-area-inset-left, 0px)); }
    .auth-page-recovery .dela-presets-container-2 .dela-preset-2-2 { padding: 20px 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .auth-layout .star { animation: none !important; }
    .auth-layout .login-btn, .auth-layout .register-btn { transition: none !important; }
}
