*{box-sizing:border-box}body{margin:0;background:#f5f6ef;color:#173c35;font:14px 'Segoe UI',Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,480px);padding:42px;background:white;border:1px solid #dfe5d6;border-radius:18px}.brand{font-family:Georgia,serif;font-size:36px;display:flex;align-items:center;gap:16px}.brand span{font:600 10px 'Segoe UI',sans-serif;letter-spacing:3px}.eyebrow{font-size:10px;letter-spacing:2px;margin:32px 0 18px;color:#7b8b70}h1{font:normal 36px/1.2 Georgia,serif;letter-spacing:-1px;margin:0 0 20px}h1 em{color:#748a60}p{line-height:1.8;color:#718068}form{margin:28px 0 18px;display:grid;gap:18px}label{display:grid;gap:8px;font-size:12px}input{width:100%;border:1px solid #d7e0cd;border-radius:7px;padding:13px;font:14px 'Segoe UI',sans-serif;color:#173c35}input:focus{outline:2px solid #b4c89c;outline-offset:2px}button{border:0;border-radius:8px;padding:15px;background:#173c35;color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.6}#login-status{margin:0;font-size:12px;color:#965640}small{font-size:10px;color:#8c9982;line-height:1.8;display:block}@media(max-width:500px){.login-card{padding:28px}h1{font-size:31px}}