*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf1ed;color:#183d2e;font-family:"Microsoft YaHei",sans-serif}main{width:min(420px,90vw);background:#fff;border:1px solid #dce5dd;border-radius:22px;padding:42px;box-shadow:0 24px 70px #203b2410}.logo{background:#244d39;color:white;font-size:28px;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-weight:bold}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e8d81;margin-top:32px}h1{font-size:27px;margin:8px 0}.byline{color:#829185;font-size:12px;margin:0 0 38px}label{font-size:13px;display:block;margin-bottom:10px}input{width:100%;height:48px;padding:12px;font-size:18px;border:1px solid #cad7ce;border-radius:8px;outline-color:#315940}button{width:100%;margin-top:16px;height:46px;border:0;background:#244d39;color:white;border-radius:8px;cursor:pointer;font-size:14px}button:disabled{opacity:.6}#error{font-size:12px;color:#ac433e;min-height:18px}.foot{font-size:11px;color:#859084;line-height:1.9;margin-top:24px}