*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;color:#1a2230;
  background:radial-gradient(1200px 600px at 15% -10%,#e8f0ff 0,rgba(232,240,255,0) 55%),
             radial-gradient(1000px 700px at 100% 110%,#eafaf1 0,rgba(234,250,241,0) 55%),#f4f6fa}
.box{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:40px 38px 34px;width:390px;
  box-shadow:0 20px 60px rgba(20,40,80,.10),0 2px 8px rgba(20,40,80,.04)}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.mark{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.mark svg,.mark img{height:50px;width:auto;object-fit:contain}
.brand .bn{font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.15}
.brand .bs{color:#6b7686;font-size:12px;margin-top:1px}
h1{font-size:19px;margin:0 0 4px;letter-spacing:-.3px}.lead{color:#6b7686;font-size:13px;margin:0 0 22px}
label{font-size:12px;font-weight:600;color:#4a5566;display:block;margin:16px 0 6px}
input{width:100%;padding:12px 13px;border:1px solid #e0e6ee;border-radius:10px;font-size:14px;background:#fbfcfe;transition:border .15s,box-shadow .15s}
input:focus{outline:0;border-color:#2f6fed;background:#fff;box-shadow:0 0 0 3px rgba(47,111,237,.14)}
button{width:100%;margin-top:24px;padding:12px;border:0;border-radius:10px;color:#fff;font-weight:600;font-size:14.5px;cursor:pointer;
  background:linear-gradient(135deg,#2f6fed,#1b4fd0);box-shadow:0 8px 20px rgba(47,111,237,.30);transition:transform .06s,box-shadow .15s}
button:hover{box-shadow:0 10px 26px rgba(47,111,237,.42)}button:active{transform:translateY(1px)}
.err{background:#fdeceb;color:#d1242f;font-size:12.5px;padding:10px 12px;border-radius:9px;margin-bottom:4px}
.foot{margin-top:22px;text-align:center;color:#9aa4b2;font-size:11.5px}
.msbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  margin-top:24px;padding:12px;border:0;border-radius:10px;color:#fff;font-weight:600;font-size:14.5px;
  cursor:pointer;text-decoration:none;background:linear-gradient(135deg,#2f6fed,#1b4fd0);
  box-shadow:0 8px 20px rgba(47,111,237,.30)}
.msbtn[disabled]{opacity:.6;cursor:default}
.hint{margin-top:18px;text-align:center;color:#9aa4b2;font-size:12px}