*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:#0b0c0d;color:#d6d6d6;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.login{min-height:100%;display:grid;place-items:center;padding:24px 16px}
.login form{width:100%;max-width:300px;display:grid;gap:22px}
.login h1{margin:0 0 10px;font-weight:300;font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:#7c7f83;text-align:center}
.login input{width:100%;padding:10px 0;font:inherit;font-size:16px;color:#e8e8e8;background:transparent;border:0;border-bottom:1px solid #2c2f33;border-radius:0;outline:0;transition:border-color .2s}
.login input::placeholder{color:#4d5156}
.login input:focus{border-bottom-color:#8a8e93}
.login input:-webkit-autofill{-webkit-text-fill-color:#e8e8e8;-webkit-box-shadow:0 0 0 40px #0b0c0d inset;caret-color:#e8e8e8}
.login .err{min-height:1.4em;margin:-8px 0 0;font-size:13px;color:#b0625a;text-align:center}
.login button{justify-self:center;width:44px;height:44px;margin-top:-6px;border:1px solid #2c2f33;border-radius:50%;background:transparent;color:#8a8e93;font-size:18px;cursor:pointer;transition:border-color .2s,color .2s}
.login button:hover,.login button:focus-visible{border-color:#8a8e93;color:#e8e8e8;outline:0}
.login button:disabled{opacity:.4;cursor:default}