.login-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: #0d1117;
    color: #f0f6fc;
}

.login-card {
    width: min(100%, 26rem);
    padding: 2rem;
    border: 1px solid #30363d;
    border-radius: 1rem;
    background: #161b22;
    box-shadow: 0 1rem 3rem #0005;
}

.login-card form {
    display: grid;
    gap: .65rem;
}

.login-card input {
    margin-bottom: .7rem;
    padding: .7rem .8rem;
    border: 1px solid #484f58;
    border-radius: .45rem;
    background: #0d1117;
    color: inherit;
}

.primary-button {
    margin-top: .5rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: .45rem;
    background: #8957e5;
    color: white;
    font-weight: 700;
}

.eyebrow {
    margin: 0;
    color: #a371f7;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.muted {
    color: #8b949e;
}