/* Sign-in, register and the other account pages (Areas/Identity/Pages/_IdentityLayout.cshtml): the same hero panel,
   gold eyebrow and glass cards as the rest of the site. */
.identity-panel {
    padding: clamp(1.25rem, 4vw, 2.75rem);
    border-radius: calc(var(--mp-radius) * 1.35);
}

.identity-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: clamp(1.25rem, 4vw, 3rem);
    align-items: start;
}

.identity-intro .archive-title { margin-bottom: .5rem; }

.identity-note {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    margin: 1rem 0 0;
    padding: .7rem .9rem;
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-r-md);
    background: linear-gradient(135deg, rgba(247, 211, 122, .14), rgba(247, 211, 122, .04)), var(--mp-card);
    color: var(--mp-gold-soft);
    font-size: .92rem;
}

    .identity-note i { color: var(--mp-gold); margin-top: .15rem; }

.identity-subhead {
    margin: 1.5rem 0 .75rem;
    color: var(--mp-gold);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.identity-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.25rem;
}

.identity-card {
    padding: clamp(1rem, 3vw, 1.5rem);
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-r-lg);
    background: var(--mp-card);
    box-shadow: var(--mp-glow);
}

.identity-card-title {
    margin: .4rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

@media (max-width: 991.98px) {
    .identity-grid { grid-template-columns: 1fr; }

    /* The form comes first on phones: that is why people are on this page. */
    .identity-form { order: -1; }
}

.identity-card a:not(.mp-button-modern) {
    color: var(--mp-gold);
    text-decoration: none;
}

    .identity-card a:not(.mp-button-modern):hover {
        color: var(--mp-gold-soft);
        text-decoration: underline;
    }

.identity-card hr {
    border-color: var(--mp-border);
    opacity: 1;
}

/* Phones: the form card is the page. The big panel around it (a second border and a second layer of padding inside a 360px screen) goes, and
   the long "what your account unlocks" cards are left to the desktop view, so a short page like Forgot password isn't followed by a screenful
   of marketing. The heading, the one-line pitch and the founder note stay under the form. */
@media (max-width: 767.98px) {
    .identity-panel {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none;
    }

    .identity-grid {
        gap: 1.25rem;
    }

    .identity-intro .identity-subhead,
    .identity-intro .hub-features {
        display: none;
    }

    /* "Enter the Hub" and "Join the Adventure" stay: two full-width buttons, so the other page is always one tap away. */
    .identity-intro .identity-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .identity-intro .archive-title {
        font-size: clamp(2rem, 11vw, 2.6rem);
    }
}