.qing-auth{--auth-ink:#171713;--auth-muted:#6e6c65;--auth-line:#d8d5cc;align-items:center;padding:clamp(18px,4vw,56px)}
.qing-auth__overlay{background:rgba(13,14,12,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.qing-auth__dialog{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(390px,1.12fr);width:min(920px,100%);max-height:min(760px,calc(100vh - 36px));padding:0;overflow:auto;color:var(--auth-ink);background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28);transform:translateY(22px) scale(.985);transition:opacity .3s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.qing-auth.is-open .qing-auth__dialog{transform:translateY(0) scale(1)}
.qing-auth__visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:620px;padding:44px 40px 38px;overflow:hidden;color:#f7f4ec;background:#1e211c;transition:background-color .45s ease,color .45s ease}
.qing-auth__visual:before,.qing-auth__visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.qing-auth__visual:before{width:370px;height:370px;right:-215px;top:85px}.qing-auth__visual:after{width:220px;height:220px;right:-105px;top:160px}
.qing-auth__dialog.is-register .qing-auth__visual{color:#211e18;background:#c9b894}.qing-auth__dialog.is-register .qing-auth__visual:before,.qing-auth__dialog.is-register .qing-auth__visual:after{border-color:rgba(33,30,24,.17)}
.qing-auth__visual-label,.qing-auth__visual-meta,.qing-auth__eyebrow,.qing-auth__field>span:first-child{font-family:Arial,sans-serif;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.19em}
.qing-auth__visual-title{display:block;max-width:260px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,64px);font-weight:400;line-height:.96;letter-spacing:-.045em}.qing-auth__visual-copy{max-width:270px;margin:22px 0 0;font-size:14px;line-height:1.75;opacity:.72}.qing-auth__visual-meta{position:relative;z-index:1;font-size:8px;opacity:.62}
.qing-auth__content{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:620px;padding:68px clamp(38px,6vw,76px) 48px}
.qing-auth__close{top:26px;right:26px;z-index:4;display:grid;width:40px;height:40px;place-items:center;border:1px solid transparent;border-radius:50%;transition:border-color .2s ease,transform .25s ease}.qing-auth__close:hover{border-color:var(--auth-line);transform:rotate(90deg)}.qing-auth__close svg{width:18px;height:18px}.qing-auth__close path{fill:none;stroke:currentColor;stroke-width:1.4}
.qing-auth__eyebrow{display:block;margin-bottom:17px;color:#7a725f}.qing-auth__content h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,58px);font-weight:400;line-height:1;letter-spacing:-.045em}.qing-auth__intro{max-width:380px;margin:18px 0 31px;color:var(--auth-muted);font-size:15px;line-height:1.7}.qing-auth__content form{display:grid;gap:17px}.qing-auth__field{display:grid;gap:9px;margin:0}.qing-auth__field>span:first-child{color:#4e4b44;letter-spacing:.11em}
.qing-auth__field input{width:100%;height:55px;padding:0 16px;border:1px solid var(--auth-line);border-radius:0;outline:0;color:var(--auth-ink);background:transparent;font-size:14px;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}.qing-auth__field input:focus{border-color:var(--auth-ink);box-shadow:inset 0 0 0 1px var(--auth-ink)}.qing-auth__field input::placeholder{color:#aaa69d}.qing-auth__password{position:relative;display:block}.qing-auth__password input{padding-right:70px}.qing-auth__password-toggle{position:absolute;top:50%;right:16px;padding:6px 0;color:#6d695f;font:600 9px/1 Arial,sans-serif;letter-spacing:.13em;cursor:pointer;transform:translateY(-50%)}
.qing-auth__form-meta{display:flex;align-items:center;gap:15px;margin-top:-3px;color:#858178;font-size:11px}
.qing-auth__submit{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-top:4px;padding:0 22px;color:#fff;background:var(--auth-ink);border:1px solid var(--auth-ink);font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:color .25s ease,background-color .25s ease}.qing-auth__submit:hover{color:var(--auth-ink);background:#fff}.qing-auth__submit span{font-size:20px;transition:transform .2s ease}.qing-auth__submit:hover span{transform:translateX(4px)}.qing-auth__submit.is-loading{opacity:.6;pointer-events:none;font-size:0}.qing-auth__submit.is-loading:before{content:"PLEASE WAIT";font-size:11px}.qing-auth__message{min-height:17px;margin:-5px 0 0;color:#a13e2f;font-size:12px;line-height:1.4}.qing-auth__switch-row{display:flex;justify-content:center;gap:6px;margin-top:25px;color:#77736b;font-size:13px}.qing-auth__switch{margin:0;color:var(--auth-ink);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;cursor:pointer}
@media(max-width:720px){.qing-auth{align-items:flex-end;padding:0}.qing-auth__dialog{display:block;width:100%;max-height:92svh;transform:translateY(35px)}.qing-auth__visual{min-height:150px;padding:25px 26px}.qing-auth__visual>div{margin-top:25px}.qing-auth__visual-title{font-size:36px}.qing-auth__visual-copy,.qing-auth__visual-meta{display:none}.qing-auth__content{min-height:auto;padding:39px 25px 30px}.qing-auth__close{top:17px;right:17px;color:#fff;border-color:rgba(255,255,255,.35)}.qing-auth__dialog.is-register .qing-auth__close{color:var(--auth-ink);border-color:rgba(0,0,0,.22)}.qing-auth__content h2{font-size:42px}.qing-auth__intro{margin:13px 0 25px}}
@media(max-height:680px) and (min-width:721px){.qing-auth__visual,.qing-auth__content{min-height:570px}.qing-auth__content{padding-top:48px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.qing-auth__dialog,.qing-auth__visual,.qing-auth__close{transition:none}}