/* Identity Razor Pages — clean centered layout (no sidebar). */

.id-navbar {
    background: var(--brand-dark);
    border-bottom: 1px solid rgba(108, 117, 125, 0.2);
}

.id-main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 56px);      /* viewport minus navbar */
    background: var(--gradient-brand);
    padding: 2rem 1rem;
    position: relative;
    overflow: hidden;
}

/* Subtle radial glow behind the form (mirrors marketing hero) */
.id-main::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% 30%, rgba(124, 58, 237, 0.35) 0%, transparent 70%);
    pointer-events: none;
}

.id-main > .container {
    position: relative;      /* sit above the ::before overlay */
    z-index: 1;
}

/* ── Auth hero icon ──────────────────────────────────────────── */

.id-hero-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 1rem;
    filter: drop-shadow(0 4px 16px rgba(212, 255, 0, 0.3));
}

/* ── Subtitle text under logo ────────────────────────────────── */

.id-subtitle {
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* ── Card — brand surface with shadow ────────────────────────── */

.id-card {
    background: var(--surface-card);
    border: 1px solid rgba(108, 117, 125, 0.25);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
}

/* ── Submit button — consistent weight ───────────────────────── */

.id-submit {
    font-weight: 600;
}