*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f8;display:grid;place-items:center;color:#17242b;font-family:Arial,Malgun Gothic,sans-serif}.login-card{width:min(440px,calc(100% - 40px));background:#fff;border:1px solid #e1e7eb;border-radius:20px;padding:40px;box-shadow:0 14px 40px #192e3a08}.brand{display:flex;align-items:center;gap:12px;color:#147568;font-size:30px;font-weight:800}.brand span{font-size:18px;color:#17242b}h1{font-size:26px;margin:34px 0 12px}p{font-size:14px;line-height:1.7;color:#66757e}form{display:grid;gap:10px;margin-top:28px}label{font-size:13px;font-weight:700}input{width:100%;font:inherit;border:1px solid #cbd5db;border-radius:9px;padding:13px;margin-bottom:12px}input:focus{outline:2px solid #168977;outline-offset:2px}button{font:inherit;background:#146f62;border:0;color:#fff;border-radius:9px;padding:14px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}small{color:#76858d;font-size:12px}#message{min-height:24px;color:#a44032}