.host-login {
    display: grid;
    min-height: 100svh;
    place-items: center;
    padding: 1rem
}

.host-login__form {
    display: grid;
    width: min(100%, 25rem);
    gap: .65rem;
    padding: 1.5rem;
    border-radius: 1rem;
    background: #252525;
    box-shadow: 0 0 0 1px #3a3a3a
}

.host-login__form h1 {
    margin: 0;
    color: #e5a16b;
    font-size: 1.45rem
}

.host-login__form p {
    margin: 0 0 .5rem;
    color: #c6c1c1;
    font-size: .9rem
}

.host-login__form label {
    font-size: .82rem;
    color: #d9d4d3
}

.host-login__form input {
    height: 2.8rem;
    border: 0;
    border-radius: .55rem;
    padding: 0 .8rem;
    background: #a1a1a1;
    color: #242424
}

.host-login__form button {
    margin-top: .5rem;
    border: 0;
    border-radius: 99px;
    padding: .8rem;
    background: #9c5f32;
    color: #261a13;
    font-weight: 700
}

.host-login__form a {
    color: #c8c3c2;
    text-align: center;
    font-size: .85rem
}

.host-login__error {
    padding: .65rem;
    border-radius: .5rem;
    background: #562c22;
    color: #ffd4c3;
    font-size: .85rem
}