.plank-auth-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 2rem);
}

.plank-auth-card {
    width: min(100%, 31rem);
    display: grid;
    gap: 1.15rem;
}

.plank-auth-card__header {
    display: grid;
    gap: 0.65rem;
}

.plank-auth-card h2 {
    margin: 0;
}

.plank-shell--auth .plank-auth-card {
    border-color: rgba(116, 246, 160, 0.22);
    box-shadow:
        inset 0 0 0 1px rgba(116, 246, 160, 0.06),
        0 2rem 5rem rgba(0, 0, 0, 0.4);
}

.plank-shell--auth .plank-auth-card h1,
.plank-shell--auth .plank-auth-card .plank-eyebrow {
    color: var(--plank-text);
}

.plank-shell--auth .plank-auth-card .plank-button {
    background: linear-gradient(135deg, var(--plank-accent), var(--plank-accent-strong));
}

@media (max-width: 640px) {
    .plank-auth-shell {
        padding: 1rem;
    }
}