#login-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #e1e6ed;border-radius:22px;overflow:auto;box-shadow:0 24px 80px #07112155}
#login-dialog::backdrop{background:#0b1023a8;backdrop-filter:blur(5px)}
#login-dialog .dialog-body{padding:28px;display:block}
#login-dialog .dialog-head{margin-bottom:24px;align-items:center;gap:12px}
#login-dialog .brand{font-size:18px;gap:10px;letter-spacing:.01em}
#login-dialog .brand img{width:36px;height:36px;border-radius:10px}
#login-dialog .close{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;flex-shrink:0;font-size:24px;background:#f1f4f7}
#login-dialog h2{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin:0 0 8px}
#login-dialog .auth-description{font-size:15px;line-height:1.5;margin:0 0 22px;color:#627080}
#login-dialog .google-button{min-height:44px;margin:0;display:grid;justify-items:center;overflow:hidden}
#login-dialog .google-login-note{display:none}
#login-dialog .auth-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#718092;font-size:14px;line-height:1.4}
#login-dialog .auth-divider:before,#login-dialog .auth-divider:after{content:'';height:1px;background:#e3e8ed;flex:1}
#login-dialog .auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#f0f3f6;gap:4px;margin-bottom:20px}
#login-dialog .auth-tabs button{min-height:40px;border:0;background:transparent;border-radius:9px;font:inherit;font-size:15px;font-weight:650;color:#697585;cursor:pointer}
#login-dialog .auth-tabs button[aria-selected=true]{background:#fff;color:#11192d;box-shadow:0 2px 6px #18233814}
#login-dialog .auth-form{display:grid;gap:16px}
#login-dialog .field{display:grid;gap:7px;margin:0;min-width:0}
#login-dialog .field[hidden]{display:none}
#login-dialog .field span{font-size:14px;font-weight:650;color:#243246}
#login-dialog .field input{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:12px 14px;background:#fff;border:1px solid #cfd7df;border-radius:11px;font:inherit;font-size:16px;line-height:1.4;color:#172333;outline:none}
#login-dialog .field input::placeholder{color:#8995a4}
#login-dialog .field input:focus{border-color:#0e9865;box-shadow:0 0 0 3px #0e986519}
#login-dialog .auth-submit{width:100%;min-height:48px;font-size:16px;border-radius:11px;justify-content:center;margin:2px 0 0}
#login-dialog #login-error:empty{display:none}
#login-dialog #login-error .notice{font-size:14px;line-height:1.5;margin:0}
#login-dialog .auth-legal{font-size:13px;line-height:1.6;text-align:center;color:#6e7a89;margin:20px 0 0}
#login-dialog .auth-legal a{color:#40536b;text-underline-offset:3px}
@media(max-width:480px){#login-dialog .dialog-body{padding:22px}#login-dialog h2{font-size:24px}#login-dialog .dialog-head{margin-bottom:20px}}

.auth-form[hidden],.auth-tabs[hidden],.auth-divider[hidden],.google-button[hidden]{display:none!important}.reset-page{max-width:560px}.reset-page h1{font-size:28px}.auth-form>.link-btn{text-align:center;padding:10px}#forgot-password-result,#reset-password-result{font-size:14px;line-height:1.7}