:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1c2333;background:#fafbfc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header{height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #edf0f4}.brand{font-size:19px;font-weight:650;display:flex;gap:11px;align-items:center;text-decoration:none;color:#182031}.logo,.mark{display:grid;place-items:center;color:#fff;background:#5264e8;font-weight:750;border-radius:11px}.logo{width:34px;height:34px}nav{display:flex;gap:30px}nav a{color:#657084;font-size:14px;text-decoration:none}nav .active{color:#4f60d9}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 20px;background:radial-gradient(ellipse at 50% 35%,#f0f3ff80,transparent 60%)}.card{width:440px;max-width:100%;padding:36px 38px;background:#fff;border:1px solid #e8ebf1;border-radius:18px;box-shadow:0 8px 36px #24356607}.mark{width:48px;height:48px;font-size:27px;margin:0 auto 23px}h1{text-align:center;font-size:26px;letter-spacing:-.6px;margin:0 0 10px;font-weight:650}.subtitle{text-align:center;font-size:14px;color:#7a8494;margin:0 0 30px}label{display:block;font-size:14px;margin:19px 0 9px;font-weight:550}input{width:100%;height:46px;border:1px solid #dfe3eb;border-radius:8px;padding:0 13px;font:inherit;font-size:14px;background:#fff;color:#202737;outline:none}input:focus{border-color:#6173ec;box-shadow:0 0 0 3px #5b70ed18}input::placeholder{color:#a0a8b5}.password{position:relative}.password input{padding-right:62px}.show{position:absolute;right:6px;top:6px;background:transparent;color:#697386;border:0;padding:8px;cursor:pointer;font-size:12px}.submit,form>button{border:0;border-radius:8px;background:#5264e8;color:white;font-size:15px;font-weight:600;height:46px;width:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:14px}.submit:hover{background:#4557d5}button:focus-visible,a:focus-visible{outline:3px solid #9ca8ff;outline-offset:3px}button:disabled{opacity:.65;cursor:wait}#error{min-height:20px;color:#c73549;font-size:13px;margin:12px 0}.note{margin-top:25px;padding-top:23px;border-top:1px solid #f0f1f5;text-align:center;color:#8b94a3;font-size:12px}.note span{margin-right:5px}.below{color:#959dac;font-size:12px;margin-top:24px}footer{display:flex;justify-content:space-between;padding:23px 5%;color:#929aa8;font-size:12px;border-top:1px solid #edf0f4;background:#fff}@media(max-width:520px){header{height:64px;padding:0 20px}nav{gap:18px}.brand{font-size:16px}.card{padding:30px 24px}main{padding:32px 18px}footer{padding:20px;gap:12px;font-size:11px}}