:root {
    font-family: system-ui, sans-serif;
    color: #202124;
    background: #fff;
    line-height: 1.5;
}

* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 40rem; margin: 15vh auto; padding: 1.5rem; }
h1 { font-size: 1.75rem; }
a { color: #254b9b; }
.actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; }
.button, button {
    display: inline-block;
    border: 1px solid #254b9b;
    border-radius: .35rem;
    padding: .65rem 1.1rem;
    color: #fff;
    background: #254b9b;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}
.button:hover, button:hover { background: #19376f; }
:focus-visible { outline: 3px solid #b26700; outline-offset: 3px; }
.login-form { display: grid; gap: .65rem; }
input { width: 100%; padding: .65rem; border: 1px solid #777; border-radius: .35rem; font: inherit; }
.login-form button { margin-top: .5rem; }
.errors { color: #a11919; }