:root{--ink:#20211d;--paper:#f6f6f1;--lime:#c9ef47;--muted:#77786f;--line:#dedfd7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC",system-ui,sans-serif;background:var(--paper);color:var(--ink)}body{display:grid;place-items:center;padding:24px}.auth-shell{width:min(900px,100%);min-height:550px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 90px rgba(30,31,26,.12)}.auth-brand{background:var(--ink);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:center}.auth-brand p,.auth-card small{font-size:9px;letter-spacing:.2em;color:#a7a99f;font-weight:800}.auth-brand h1{font:500 58px Georgia,"Songti SC",serif;margin:12px 0}.auth-brand span{font-size:12px;line-height:1.7;color:#aeb0a7}.mark{display:flex;align-items:end;gap:4px;height:30px}.mark i{display:block;width:5px;background:var(--lime);border-radius:5px}.mark i:nth-child(1){height:15px}.mark i:nth-child(2){height:30px}.mark i:nth-child(3){height:21px}.auth-card{padding:54px;display:flex;align-items:center}.auth-card form{width:100%}.auth-card h2{font:500 32px Georgia,"Songti SC",serif;margin:7px 0}.auth-card form>div>p{color:var(--muted);font-size:11px;margin:0 0 30px}.auth-card label{display:block;font-size:10px;color:var(--muted);margin-top:17px}.auth-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:9px;outline:0}.auth-card input:focus{border-color:#9cbd31;box-shadow:0 0 0 3px rgba(168,207,38,.13)}.auth-card button{width:100%;margin-top:24px;border:0;border-radius:9px;background:var(--ink);color:#fff;padding:13px}.auth-card button:hover{background:#10110d}.auth-card button:disabled{opacity:.55}.error{min-height:18px;color:#c5462d;font-size:10px!important;margin:10px 0!important}.hidden{display:none!important}@media(max-width:700px){body{padding:0}.auth-shell{min-height:100vh;border:0;border-radius:0;display:block}.auth-brand{padding:30px 25px}.auth-brand h1{font-size:36px;margin:6px 0}.auth-brand span{display:none}.mark{height:20px}.mark i:nth-child(2){height:20px}.auth-card{padding:35px 25px}.auth-card h2{font-size:28px}}