:root{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#263e45;background:#eef3f3;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#dceee8,transparent 60%)}[hidden]{display:none!important}.login-card{width:410px;max-width:100%;background:#fff;border:1px solid #e0e9e6;border-radius:16px;padding:36px 36px 25px;box-shadow:0 18px 70px #23403a0c}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:25px;letter-spacing:-1px}.mark{display:grid;width:30px;height:30px;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-4deg)}.mark i{background:#0d766d;border-radius:2px}.mark i:nth-child(2){background:#80c8b8}.mark i:nth-child(3){background:#51a598}.mark i:nth-child(4){background:#bddecc}.eyebrow{display:block;font-size:12px;color:#8b9b9c;margin-top:10px}h1{font-size:21px;font-weight:600;margin:32px 0 10px}.login-card>p{font-size:13px;color:#8a999d;line-height:1.8;margin:0 0 27px}label{display:block;font-size:12px;color:#5a6e73;margin:17px 0 8px}input{font:inherit;width:100%;height:43px;border:1px solid #dce5e4;border-radius:7px;padding:10px 12px;outline:none;color:#264047;background:#fcfdfd}input:focus{border-color:#75b9ad;box-shadow:0 0 0 3px #0d766d12}input::placeholder{color:#aab5b7;font-size:12px}button{font:inherit;width:100%;height:43px;border:0;border-radius:7px;background:#0d766d;color:#fff;cursor:pointer;margin-top:4px}button:hover{background:#09635b}button:disabled{opacity:.5;cursor:default}#error{font-size:12px;color:#b7574d;line-height:1.7;min-height:20px;margin:12px 0 8px}.footer{margin-top:29px;padding-top:21px;border-top:1px solid #edf1f0;text-align:center;font-size:11px;color:#a3afaf;white-space:nowrap}