:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#18362f;background:#eef4f1;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(ellipse at 15% 15%,#d4e9df,transparent 58%),radial-gradient(ellipse at 90% 90%,#e8dfc7,transparent 55%),#f4f6f1}.login-card{width:100%;max-width:440px;padding:38px;background:#fff;border:1px solid #dae6de;border-radius:24px;box-shadow:0 24px 70px #213c2e12}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#214d3e;color:#fff;font-size:27px;font-weight:700}.eyebrow{font-size:12px;letter-spacing:.09em;color:#668277;margin:26px 0 8px}h1{font-size:28px;letter-spacing:-.04em;margin:0}.description{font-size:14px;color:#687c74;line-height:1.7}.error{color:#a73333;font-size:14px;min-height:20px;margin:20px 0 12px}form{display:grid;gap:10px}label{font-size:13px;font-weight:600}input:not([type=hidden]){width:100%;padding:13px 14px;font:inherit;border:1px solid #cbd9d0;border-radius:10px;background:#fcfdfb;min-height:48px;margin-bottom:8px}input:focus{outline:3px solid #d4e9dd;border-color:#37785b}button{border:0;border-radius:11px;padding:14px 17px;background:#24533f;color:#fff;font:inherit;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;margin-top:7px;min-height:48px}button:hover{background:#183e2e}button:focus-visible{outline:3px solid #b0d4bd;outline-offset:3px}.footnote{font-size:12px;color:#84948c;margin:26px 0 0;line-height:1.6}@media(max-width:480px){.login-card{padding:28px 24px;border-radius:20px}body{padding:18px}}