*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#263747;font:16px/1.6 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:490px;background:white;padding:38px;border:1px solid #e0e4e7;border-radius:12px;box-shadow:0 14px 35px #20334720}.brand{font-size:14px;font-weight:750;letter-spacing:3px;color:#30363c}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#7a828b;margin-top:30px}h1{font-size:28px;line-height:1.2;margin:10px 0 18px}h1 span{color:#d5af40}p{font-size:14px;color:#687481}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:13px 12px;margin-top:7px;border:1px solid #c8ced5;border-radius:5px;font:inherit;font-size:16px}input:focus{outline:2px solid #d7b64d;outline-offset:2px}button{margin:10px 0;width:100%;padding:14px;background:#29343d;color:white;border:0;border-radius:5px;font:600 15px system-ui;cursor:pointer}.hint{font-size:12px;margin-top:22px}.error{padding:12px;background:#fbeeee;color:#92373b;border-radius:5px}@media(max-width:500px){.login-card{padding:25px}}