:root{--r:4px}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--heading);font-weight:500;
  -webkit-font-smoothing:antialiased}
body{display:grid;place-items:center;padding:24px}
form{display:flex;flex-direction:column;gap:10px;width:min(100%,320px)}
form img{height:20px;align-self:flex-start;margin-bottom:22px}
label{font-size:14px;color:var(--muted)}
input{height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  color:var(--text);font:inherit;font-size:17px}
input:focus{outline:none;border-color:var(--accent-lighter)}
#erro{margin:0;font-size:14px;color:var(--danger)}
button{height:48px;margin-top:8px;border:0;border-radius:var(--r);background:var(--accent-lighter);color:var(--deep);
  font:inherit;font-weight:600;font-size:17px}
button:active{background:var(--accent-light)}