.qm-login{--login-ink:#17151d;--login-muted:#716d7b;--login-line:#dedbe4;--login-bg:#fff;display:grid;grid-template-columns:1fr 1fr;max-width:1280px;margin:40px auto 64px;padding:0 32px;gap:64px;color:var(--login-ink);font:14px/1.6 Inter,sans-serif}
.qm-login *{box-sizing:border-box}.qm-login-form-panel{display:flex;align-items:center;justify-content:center;padding:40px 0}.qm-login-form-wrap{width:100%;max-width:380px}.qm-login .qm-login-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;margin:0 0 20px;color:var(--login-muted)}
.qm-login h1{font:500 clamp(32px,3vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px;margin:0 0 16px;color:var(--login-ink)}.qm-login-intro{color:var(--login-muted);margin:0 0 30px;max-width:340px}
.qm-login-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;border:1px solid var(--login-line);border-radius:12px;color:var(--login-ink)!important;background:var(--login-bg);font-weight:500;text-decoration:none}.qm-login-google:hover{border-color:#9d84c5}.qm-login-google svg{flex-shrink:0}
.qm-login-divider{display:flex;align-items:center;gap:14px;color:var(--login-muted);font-size:12px;margin:24px 0}.qm-login-divider:before,.qm-login-divider:after{content:'';height:1px;background:var(--login-line);flex:1}
.qm-login label{display:block;font-size:13px;font-weight:500;margin:0 0 8px}.qm-login input:not([type=hidden]){display:block;width:100%;height:50px;border:1px solid var(--login-line);border-radius:10px;background:var(--login-bg);color:var(--login-ink);padding:12px 14px;font:14px Inter,sans-serif;box-shadow:none;margin:0 0 22px}.qm-login input::placeholder{color:#89838f}.qm-login input:focus{outline:3px solid #ede4fc;border-color:#7c3aed}.qm-login-password{position:relative}.qm-login-password input{padding-right:68px!important}.qm-login-password button{position:absolute;right:8px;top:5px;min-height:40px;padding:0 10px;border:0;background:transparent;color:#7240b7;font:500 12px Inter,sans-serif;cursor:pointer}.qm-login-password button[hidden]{display:none}
.qm-login-submit{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:50px;border:0;border-radius:999px;background:#7c3aed;color:#fff;font:600 14px Manrope,sans-serif;cursor:pointer;margin-top:28px;box-shadow:none}.qm-login-submit:hover{background:#6d28d9}.qm-login-submit:disabled{opacity:.7;cursor:wait}.qm-login a:focus-visible,.qm-login button:focus-visible{outline:3px solid #b797ea;outline-offset:4px}.qm-login-register{margin:24px 0 28px;text-align:center;font-size:13px;color:var(--login-muted)}.qm-login-register a{color:#7c3aed;font-weight:600;text-decoration:none}.qm-login-home{color:var(--login-muted);font-size:12px;text-decoration:none}
.qm-login-story{background:#e8ddf5;border-radius:28px;padding:44px 40px 24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:630px;color:#231833}.qm-login-story .qm-login-eyebrow{color:#695779}.qm-login-story h2{font:500 clamp(30px,3vw,42px)/1.18 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 16px;color:#231833}.qm-login-story p{color:#695779}.qm-login-document{background:#fff;border-radius:8px;padding:28px;margin:24px 12px 8px;transform:rotate(-3deg);box-shadow:0 14px 36px #39274c12;color:#231833}.qm-login-doc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.qm-login-doc-top strong{font:700 24px Manrope,sans-serif}.qm-login-doc-top span{text-align:right;font-size:8px;letter-spacing:.08em}.qm-login-document p{font-size:10px;margin-bottom:5px}.qm-login-document h3{font:600 20px Manrope,sans-serif;margin:0 0 22px;color:#231833}.qm-login-doc-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #eee;font-size:10px}.qm-login-doc-total{display:flex;justify-content:space-between;align-items:center;background:#e4f1ee;border-radius:6px;padding:12px;margin-top:15px;font-size:10px}.qm-login-story .qm-login-story-foot{font-size:11px;margin:22px 0 0}
.qm-login-alert{border-radius:10px;padding:12px 14px;margin-bottom:20px;font-size:13px;background:#f3effa;color:#503378;border:1px solid #daceeb}.qm-login-alert-error{background:#fff1f1;border-color:#efc2c2;color:#992c2c}.qm-login-alert-success{background:#eef9f2;border-color:#bbdec8;color:#24623c}
[data-theme=dark] .qm-login{--login-ink:#f1edf5;--login-muted:#b3aabb;--login-line:#4b4156;--login-bg:#211c29}
@media(max-width:900px){.qm-login{gap:30px;padding:0 24px}.qm-login-story{padding:32px 24px}.qm-login-document{margin:24px 0 8px}}
@media(max-width:700px){.qm-login{display:block;margin:12px auto 40px;padding:0 24px}.qm-login-form-panel{padding:32px 0}.qm-login-story{display:none}.qm-login h1{font-size:36px}.qm-login input:not([type=hidden]){font-size:16px}}