*{margin:0;box-sizing:border-box}body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
background:#0f1115;color:#e6e6e6;display:flex;align-items:center;justify-content:center;height:100vh}
.card{background:#171a21;border:1px solid #262b36;border-radius:14px;padding:40px;width:340px;text-align:center}
h1{font-size:20px;margin-bottom:6px}p.sub{color:#8a93a3;font-size:13px;margin-bottom:24px}
input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #2c3340;background:#0f1115;color:#e6e6e6;
font-size:14px;outline:none}input:focus{border-color:#4f7cff}
button{width:100%;margin-top:14px;padding:12px;border:0;border-radius:8px;background:#4f7cff;color:#fff;
font-size:14px;cursor:pointer}button:hover{background:#3f6bf0}
.err{color:#ff6b6b;font-size:13px;margin-top:12px;display:none}

label{display:block;text-align:left;font-size:13px;margin:10px 0} [hidden]{display:none!important}