:root{font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;color:#192824;background:#edf3f1;font-size:15px}*{box-sizing:border-box}body{margin:0}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:#edf3f1}.login-panel{width:min(420px,100%);padding:38px;background:#fff;border:1px solid #d5e0dd;border-radius:8px;box-shadow:0 18px 50px rgba(25,56,47,.11)}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:7px;background:#087f68;color:#fff;font-size:15px;font-weight:800;letter-spacing:.5px}.login-heading{margin:24px 0 30px}.login-heading p{margin:0 0 5px;color:#087f68;font-size:11px;font-weight:700;letter-spacing:1.7px}.login-heading h1{margin:0;font-size:28px;letter-spacing:0}.login-heading span{display:block;margin-top:7px;color:#6c7b77}.login-panel label{display:block;margin:17px 0 7px;color:#3e514c;font-size:13px;font-weight:600}.login-panel input{width:100%;height:44px;padding:0 12px;border:1px solid #bdcbc7;border-radius:5px;background:#fbfcfc;outline:none}.login-panel input:focus{border-color:#087f68;box-shadow:0 0 0 3px rgba(8,127,104,.12)}.login-panel button{width:100%;height:44px;margin-top:24px;border:0;border-radius:5px;background:#087f68;color:#fff;font-weight:700;cursor:pointer}.login-panel button:hover{background:#066b58}.login-panel button:disabled{opacity:.65;cursor:wait}.error{min-height:21px;margin:10px 0 0;color:#b93636;font-size:13px;text-align:center}.login-panel footer{margin-top:24px;padding-top:18px;border-top:1px solid #e5ebe9;color:#87928f;font-size:12px;text-align:center}@media(max-width:520px){.login-layout{place-items:start center;padding-top:12vh}.login-panel{padding:28px 24px}}