:root{font-family:Segoe UI,Arial,sans-serif;color:#263634;background:#f5f6f4;font-size:15px}
*{box-sizing:border-box}
body{margin:0;background:#f5f6f4}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.login-card{width:100%;max-width:380px;background:#fff;border:1px solid #e0e6df;border-radius:16px;padding:32px 28px}
.brand{color:#245e4c;font-size:29px;font-weight:800;letter-spacing:-1.5px}
.brand span{font-weight:350;color:#19352e}
.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2.6px;margin-top:8px;color:#6a7871}
h1{font-size:22px;margin:28px 0 18px}
label{display:block;font-size:12px;font-weight:600;color:#475d4d}
input{display:block;width:100%;margin:7px 0 16px;border:1px solid #d4dcd1;border-radius:7px;padding:11px 12px;font:inherit;font-size:14px}
input:focus{outline:2px solid #9eb89a;outline-offset:1px}
button{width:100%;font:inherit;font-weight:600;border:0;border-radius:8px;min-height:42px;background:#245e4c;color:#fff;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
.error{color:#943d36;background:#fcece8;padding:10px;border-radius:8px;font-size:12px;margin:0 0 14px}
[hidden]{display:none!important}