.auth-page{height:100dvh;min-height:520px;display:grid;grid-template-columns:minmax(300px,42%) minmax(430px,1fr);padding:20px;background:#f4f5f7;overflow:auto;color:#27374c}
.auth-brand{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;border-radius:24px;background:#f5f5f3}
.auth-brand-picture{display:block;min-height:0;overflow:hidden}
.auth-brand-art{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.auth-brand-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;background:#f5f5f3;color:#575757;font-size:12px;line-height:1.6}
.auth-brand-signature{color:#282722;letter-spacing:2px;white-space:nowrap;font-size:11px;font-weight:650}
.auth-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:44px 36px}.auth-card{width:100%;max-width:390px}.auth-card h2{font-size:28px;font-weight:600;letter-spacing:-.6px}.auth-subtitle{margin-top:12px;color:#768399;font-size:14px;line-height:1.7}
.auth-form{display:flex;flex-direction:column;gap:22px;margin-top:38px}.auth-form>label{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#53617a}.auth-form input:not([type=checkbox]),.auth-store-search{height:48px;width:100%;border:1px solid #d6dfec;border-radius:8px;background:#fff;padding:0 14px;color:#26364c;font:inherit;transition:border-color .15s,box-shadow .15s}.auth-form input::placeholder,.auth-store-search::placeholder{color:#97a2b3}.auth-form input:focus,.auth-store-search:focus{border-color:#6486c7;box-shadow:0 0 0 3px #5279bb14;outline:0}.auth-password{position:relative;display:flex}.auth-password input{padding-right:65px!important}.auth-reveal{position:absolute;right:3px;top:3px;height:42px;min-width:54px;font-size:12px;color:#647897}.auth-form .auth-remember{flex-direction:row;align-items:center;gap:9px;color:#687790}.auth-remember input{width:17px;height:17px;margin:0;accent-color:#5278b9}.auth-button{height:48px;border:1px solid #ccd7e8;border-radius:8px;width:100%;font-weight:500;background:#fff;color:#49648f}.auth-button:hover{border-color:#7e99c4;background:#f6f8fc}.auth-primary{background:#5273ab;border-color:#5273ab;color:#fff}.auth-primary:hover{background:#456599;color:#fff}.auth-divider{display:flex;align-items:center;gap:16px;margin:26px 0;color:#99a4b5;font-size:12px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e0e5ed;flex:1}.auth-help{font-size:12px;color:#8a96a8;line-height:1.9;margin-top:25px;text-align:center}.auth-error{padding:10px 12px;background:#fff1f0;border:1px solid #f1d6d3;border-radius:7px;color:#a44e48;font-size:13px;line-height:1.7}.auth-picker{max-width:470px}.auth-store-search{margin-top:26px}.auth-store-options{display:flex;flex-direction:column;gap:10px;margin-top:18px;max-height:50vh;overflow:auto;overscroll-behavior:contain;padding:2px}.auth-store-option{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #dce3ed;border-radius:10px;background:#fff;min-height:78px;padding:14px}.auth-store-option:hover{border-color:#98aed0;background:#f9fbff}.auth-store-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf1f7;color:#647d9f}.auth-store-option strong{display:block;font-size:14px;font-weight:550;line-height:1.6}.auth-store-option small{display:block;color:#8390a4;margin-top:5px;line-height:1.5}.auth-store-enter{margin-left:auto;white-space:nowrap;color:#5877a8;font-size:12px}.auth-picker-empty{padding:28px 0;color:#8b96a7;text-align:center}.auth-link{display:block;margin:22px auto 0;min-height:42px;color:#6e7e96;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.auth-page{grid-template-columns:300px minmax(420px,1fr);padding:12px}.auth-brand-art{object-fit:contain}.auth-brand-footer{align-items:flex-start;flex-direction:column;gap:4px;padding:16px 22px}.auth-panel{padding:34px 28px}}
@media(prefers-reduced-motion:reduce){.auth-form input,.auth-store-search{transition:none}}