*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f5f4;font-family:Arial,Helvetica,sans-serif;color:#17211d}.login-card{width:min(92vw,420px);background:#fff;border:1px solid #dde3df;border-radius:18px;padding:34px;box-shadow:0 18px 50px rgba(0,0,0,.08)}.brand{font-size:28px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:500}.sub{font-size:13px;color:#69736d;margin-top:2px}.login-card h1{margin:34px 0 6px;font-size:24px}.login-card p{margin:0 0 22px;color:#69736d}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}input{width:100%;height:48px;border:1px solid #cfd7d2;border-radius:10px;padding:0 13px;font-size:17px;outline:none}input:focus{border-color:#274d3b;box-shadow:0 0 0 3px rgba(39,77,59,.12)}button{width:100%;height:48px;margin-top:14px;border:0;border-radius:10px;background:#274d3b;color:#fff;font-size:15px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#error{min-height:20px;margin-top:13px;color:#a02b2b;font-size:13px}