*{box-sizing:border-box;margin:0;padding:0}
body{background:#1e1e1e;color:#cccccc;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;height:100vh;display:flex;align-items:center;justify-content:center}
.login-box{background:#252526;border:1px solid #3e3e42;border-radius:8px;padding:32px;width:100%;max-width:340px}
h1{font-size:18px;margin-bottom:20px;text-align:center;color:#d4d4d4}
label{display:block;font-size:13px;margin-bottom:6px;color:#999}
input{width:100%;background:#3c3c3c;border:1px solid #3e3e42;color:#d4d4d4;border-radius:4px;padding:10px 12px;font-size:14px;margin-bottom:14px;outline:none}
input:focus{border-color:#007acc}
button{width:100%;background:#0e639c;color:#fff;border:none;border-radius:4px;padding:10px;font-size:14px;cursor:pointer}
button:hover{background:#1177bb}
.error{color:#f48771;font-size:13px;margin-bottom:12px;text-align:center}
.hint{color:#6a6a6a;font-size:12px;margin-top:16px;text-align:center}
a{color:#3794ff;text-decoration:none}
a:hover{text-decoration:underline}