*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;
display:flex;min-height:100vh;align-items:center;justify-content:center;color:#e2e8f0}
.card{background:#fff;color:#1e293b;width:360px;max-width:92vw;border-radius:14px;padding:28px 26px;
box-shadow:0 20px 60px rgba(0,0,0,.4)}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.mark{width:34px;height:34px;border-radius:9px;border:3px solid #1e3a5f}
h1{font-size:17px;margin:0;color:#0f172a}.sub{font-size:12px;color:#64748b}
label{display:block;font-size:12px;font-weight:600;color:#475569;margin:12px 0 4px}
input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;font-size:14px}
input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #dbeafe}
button{width:100%;margin-top:18px;padding:11px;border:0;border-radius:9px;background:#1e3a5f;color:#fff;
font-weight:700;font-size:14px;cursor:pointer}button:hover{background:#16304f}
.err{background:#fdecea;color:#b42318;border:1px solid #f2c7c1;border-radius:8px;padding:9px 11px;
font-size:13px;margin-top:14px}.foot{font-size:11px;color:#94a3b8;margin-top:16px;text-align:center}