*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:14px/1.45 -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1d2733;background:#eef1f4}
a{color:#2a5d9f;text-decoration:none}
a:hover{text-decoration:underline}
.page{min-height:100%;display:flex;flex-direction:column}
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;border-bottom:1px solid #dde3e9}
.brand{display:flex;align-items:center;gap:9px;color:#1f3a5f;font-size:18px;letter-spacing:-.2px}
.brand:hover{text-decoration:none}
.brand b{font-weight:700;margin-left:1px}
.help{font-size:13px;color:#4a5866}
.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:56px 16px 32px}
.card{width:100%;max-width:400px;background:#fff;border:1px solid #d9e0e7;border-radius:4px;padding:28px 32px 30px;box-shadow:0 1px 2px rgba(20,35,50,.06)}
h1{font-size:20px;font-weight:600;margin:0 0 6px}
.sub{margin:0 0 20px;color:#5b6876;font-size:13px}
label{display:block;font-size:13px;color:#3b4855;margin:0 0 5px}
.row-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px}
.row-label a{font-size:12px}
input[type=text],input[type=password],input[type=email]{width:100%;height:36px;padding:0 10px;border:1px solid #bfc9d3;border-radius:3px;font:inherit;color:inherit;background:#fff}
input:focus{outline:none;border-color:#2a5d9f;box-shadow:0 0 0 2px rgba(42,93,159,.15)}
input.err{border-color:#c4413a}
.check{display:flex;align-items:center;gap:7px;margin:14px 0 18px;color:#4a5866;cursor:pointer}
.check input{margin:0}
button{width:100%;height:38px;border:0;border-radius:3px;background:#1f3a5f;color:#fff;font:600 14px/1 inherit;font-family:inherit;cursor:pointer}
button:hover{background:#264873}
button[disabled]{background:#5c7391;cursor:default}
button.busy span::after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-1px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:s .7s linear infinite}
@keyframes s{to{transform:rotate(360deg)}}
.alert{margin:0 0 16px;padding:9px 11px;border-radius:3px;background:#fbeceb;border:1px solid #efc6c3;color:#8e2c26;font-size:13px}
.alert.ok{background:#ebf5ee;border-color:#c3e0cb;color:#22603a}
.back{display:inline-block;margin-top:14px;font-size:13px}
.note{max-width:400px;text-align:center;color:#6a7784;font-size:12.5px;margin:20px 0 0}
.foot{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;padding:16px 28px;color:#7a8692;font-size:12px;border-top:1px solid #dde3e9;background:#f7f9fa}
.foot nav{display:flex;gap:18px}
.foot a{color:#5b6876}
.doc{max-width:760px;margin:0 auto;padding:40px 16px 56px}
.doc h1{font-size:24px;margin-bottom:16px}
.doc h2{font-size:16px;margin:26px 0 8px}
.doc p,.doc li{color:#34414d}
@media (max-width:520px){.top,.foot{padding-left:16px;padding-right:16px}.card{padding:22px 18px}.main{padding-top:28px}.foot{flex-direction:column;align-items:flex-start}}