:root {
    color-scheme: light;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #15213a;
    background: #f4f7fb;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
}

.page {
    width: min(720px, calc(100% - 32px));
    padding: 48px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 40px rgb(21 33 58 / 12%);
}

.eyebrow {
    margin: 0 0 8px;
    color: #2167c7;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

h1 { margin: 0 0 16px; }
p { line-height: 1.55; }

.page--form { max-width: 480px; }

.form { display: grid; gap: 10px; }

label { font-weight: 700; }

input, select {
    width: 100%;
    padding: 11px;
    border: 1px solid #9ba9bc;
    border-radius: 8px;
    font: inherit;
}

button, .button {
    display: inline-block;
    width: fit-content;
    padding: 11px 16px;
    border: 0;
    border-radius: 8px;
    background: #2167c7;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
}

.button--secondary { background: #52647c; }

.message { padding: 12px; border-radius: 8px; }
.message--error { color: #842029; background: #f8d7da; }
.muted { color: #52647c; font-size: .9rem; }
.organization-list { padding-left: 20px; }
.organization-list li { margin: 8px 0; }
.logout-form { margin-top: 26px; }