#auth-view{padding:0;background:#fff;scroll-padding-bottom:24px}
#auth-view.legacy-auth{padding:36px 24px}
.login-page{width:100%;max-width:430px;margin:0 auto;padding:clamp(36px,8dvh,76px) 28px calc(28px + env(safe-area-inset-bottom))}
.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:38px;font-size:21px;font-weight:650;letter-spacing:.5px}
.login-brand img{width:54px;height:54px}
#auth-view .login-heading h1{margin:0 0 10px;font-size:26px;line-height:1.35;letter-spacing:-.5px}
.login-heading p{margin:0 0 32px;color:#8a8a93;font-size:14px;line-height:1.6}
.login-form{display:flex;flex-direction:column;gap:10px}
.login-form>label{font-size:14px;font-weight:550;line-height:1.5;margin-top:9px}
.login-form input{display:block;min-width:0;width:100%;height:54px;padding:0 15px;border:1px solid #e6e6e9;border-radius:13px;background:#fff;color:#262629;font:inherit;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}
.login-form input::placeholder{color:#a1a1aa;font-size:14px}
.login-form input:focus{border-color:#777780;box-shadow:0 0 0 3px #26262908}
.login-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:10px}
.captcha-image{display:flex;align-items:center;justify-content:center;height:54px;overflow:hidden;border:1px solid #e6e6e9;border-radius:13px;background:#fafafa;color:#8a8a93;font-size:13px;padding:0}
.captcha-image img{display:block;width:100%;height:100%;object-fit:fill}
.login-code-row{position:relative}
.login-code-row input{padding-right:123px}
.send-code{position:absolute;right:5px;top:5px;height:44px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:550;background:#f5f5f6;color:#35353a;white-space:nowrap}
.send-code:disabled{color:#aaaab2;background:#f8f8f9;cursor:default}
.login-message{min-height:22px;margin:2px 0 0;font-size:13px;line-height:1.65;color:#b53b3b;overflow-wrap:anywhere}
.login-message.success{color:#64646d}
.login-submit{height:54px;margin-top:2px;border-radius:13px;background:#262629;color:#fff;font-size:16px;font-weight:600}
.login-submit:disabled{background:#e8e8eb;color:#a1a1aa;cursor:default}
.login-hint{text-align:center;color:#9b9ba4;font-size:12px;line-height:1.7;margin:21px 0 0}
.login-legacy{display:block;margin:20px auto 0;color:#71717a;min-height:44px;font-size:13px}
.login-form button:focus-visible,.login-legacy:focus-visible{outline:2px solid #52525b;outline-offset:3px}
@media(max-width:360px){.login-page{padding-left:22px;padding-right:22px}.login-captcha-row{grid-template-columns:minmax(0,1fr) 124px;gap:8px}.login-brand{margin-bottom:28px}}
@media(max-height:650px){.login-page{padding-top:28px}.login-brand{margin-bottom:24px}.login-heading p{margin-bottom:20px}}