/* Migrated from components.css: auth shell/card/link styles. */
.auth-wrap {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.auth-card {
    width: min(100%, 520px);
    padding: 20px;
    background: linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);
    border: 1px solid rgba(183,170,114,.18);
    box-shadow: var(--shadow);
}

.auth-card-wide {
    width: min(100%, 760px);
}

.auth-links {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
}

.auth-card h1 { text-transform: uppercase; letter-spacing: .06em; }