:root{
  --aitue:#005A9A; --aitue-900:#0A2F4E; --aitue-50:#E4EEF6; --aitue-25:#F3F7FA;
  --ink:#1C2833; --muted:#56636E; --rule:#CDD5DA; --neg:#B42318;
  --ui:'Barlow','Segoe UI',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,var(--aitue-25),var(--aitue-50));
  font-family:var(--ui); color:var(--ink);
}
.card{
  background:#fff; border:1px solid var(--rule); border-radius:14px;
  padding:40px 36px; width:100%; max-width:380px; text-align:center;
  box-shadow:0 8px 30px rgba(10,47,78,.08);
}
.logo{
  width:56px; height:56px; border-radius:12px; background:var(--aitue);
  display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
  color:#fff; font-weight:700; font-size:26px;
}
h1{font-size:19px; font-weight:600; margin:0 0 6px; color:var(--aitue-900)}
p.sub{font-size:14px; color:var(--muted); margin:0 0 28px}
.ms-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:12px 16px; border-radius:8px; border:1px solid var(--rule);
  background:#fff; color:var(--ink); font-family:var(--ui); font-size:15px; font-weight:600;
  text-decoration:none; cursor:pointer; transition:background .15s, border-color .15s;
}
.ms-btn:hover{background:var(--aitue-50); border-color:var(--aitue)}
.error{
  margin-top:18px; padding:10px 12px; border-radius:8px;
  background:#FBEAE8; color:var(--neg); font-size:13px;
}
.foot{margin-top:24px; font-size:12px; color:var(--muted)}