*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f7f3;font-family:Arial,Helvetica,sans-serif;color:#1b3c2f;padding:24px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #dfe8dc;border-radius:18px;padding:40px;box-shadow:0 18px 55px #25472d09}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:4px;color:#87a467;margin-top:2px}.mark{background:#1f4934;color:#dbeca8;width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.label{font-size:10px;letter-spacing:1.5px;color:#91a18a;margin:38px 0 12px}h1{font-size:27px;letter-spacing:-.7px;line-height:1.2;margin:0 0 12px;font-weight:500}p{font-size:14px;line-height:1.7;color:#829079;margin:0 0 28px}label{font-size:13px;font-weight:600;display:block;margin-top:18px}input{display:block;width:100%;padding:13px 12px;border:1px solid #dce5d5;border-radius:7px;margin-top:8px;font-size:16px;background:#fbfcfa;color:#2e4e33}input:focus{outline:2px solid #8cac72;outline-offset:1px}button{width:100%;margin-top:26px;padding:14px;border:0;border-radius:7px;background:#24553a;color:#fff;font-size:14px;cursor:pointer;display:flex;justify-content:space-between}button:hover{background:#183e28}footer{font-size:12px;color:#9ba692;margin-top:30px;text-align:center}.error{padding:12px;color:#a85444;background:#fff2ed;border:1px solid #edcfc4;border-radius:7px;font-size:13px}@media(max-width:480px){.login-card{padding:28px}h1{font-size:24px}}