@font-face{font-family:'Plex';font-weight:400;src:url('/css/fonts/ibm-plex-sans-400-latin.woff2') format('woff2')}
@font-face{font-family:'Plex';font-weight:600;src:url('/css/fonts/ibm-plex-sans-600-latin.woff2') format('woff2')}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; display:flex; align-items:center; justify-content:center; padding:24px;
  background:#101216; color:#e9ebef; font-family:'Plex',system-ui,sans-serif;
}
.login{width:100%; max-width:352px; background:#16181d; border:1px solid #262a32; border-radius:16px; padding:26px 24px}
.mark{font-size:19px; font-weight:600; letter-spacing:.01em}
.sub{margin:4px 0 22px; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#8b929d; font-weight:600}
.err{margin:0 0 14px; font-size:13px; color:#ffb4b4; background:#2a1618; border:1px solid #4a2226; padding:9px 11px; border-radius:8px}
label{display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#8b929d; font-weight:600; margin-bottom:7px}
input{
  width:100%; height:50px; border-radius:10px; border:1px solid #262a32; background:#12141a; color:#e9ebef;
  padding:0 13px; font-size:16px; font-family:inherit; outline:none; margin-bottom:16px;
}
input:focus{border-color:#1f3fa6; box-shadow:0 0 0 3px rgba(31,63,166,.35)}
button{
  width:100%; height:50px; border:0; border-radius:10px; background:#1f3fa6; color:#fff;
  font-size:15.5px; font-weight:600; font-family:inherit; cursor:pointer;
}
button:hover{background:#2549bd}
.foot{margin:16px 0 0; font-size:12px; color:#6f757f; text-align:center}