*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
background:#f3f5f8;color:#1f2933;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",
Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.card{width:100%;max-width:400px;background:#fff;border-radius:12px;padding:32px 28px;
box-shadow:0 1px 3px rgba(15,23,42,.08),0 8px 24px rgba(15,23,42,.06)}
.brand{margin:0 0 20px;font-size:14px;color:#52606d}
.brand b{margin-right:6px;font-size:18px;color:#1f2933}
h1{margin:0 0 6px;font-size:22px;line-height:1.3}
.err h1{color:#b42318}
.sub{margin:0 0 24px;font-size:14px;color:#52606d}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0 0 12px;
padding:10px 16px;border:1px solid #c4cdd5;border-radius:8px;background:#fff;color:#1f2933;font-weight:600;
text-decoration:none}
.btn:hover{background:#f5f7fa}
.btn:focus-visible,a:focus-visible{outline:3px solid #8fb4ff;outline-offset:2px}
.btn .g{flex:none;margin-right:10px}
.alt{margin:20px 0 0;text-align:center;font-size:14px}
a{color:#1a5fb4}
.note{margin:24px 0 0;padding-top:16px;border-top:1px solid #e4e7eb;font-size:13px;color:#616e7c}
.lang{margin:12px 0 0;text-align:right;font-size:13px}
@media (max-width:360px){.card{padding:24px 18px}h1{font-size:20px}}