/* PulseKonnect — pages/auth-register.css — page styles
   Extracted verbatim from auth/register.blade.php (production-safe CSS refactor). */

    .auth-card { max-width: 520px; }
    .step-indicator { display:flex; gap:0; margin-bottom:2rem; }
    .step-item {
        flex:1; text-align:center; position:relative; padding-bottom:0.5rem;
    }
    .step-item::after {
        content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
        background:#e2e8f0; border-radius:2px;
    }
    .step-item.active::after { background: linear-gradient(135deg, var(--pk-primary), #0e7de0); }
    .step-item.active .step-num { background:var(--pk-primary); color:#fff; }
    .step-num {
        width:28px; height:28px; border-radius:50%; display:inline-flex;
        align-items:center; justify-content:center; font-size:0.75rem; font-weight:700;
        background:#e2e8f0; color:#64748b; margin-bottom:0.3rem;
    }
    .step-label { font-size:0.7rem; color:#64748b; font-weight:500; }
    .step-item.active .step-label { color:var(--pk-primary); font-weight:600; }
    .section-divider {
        display:flex; align-items:center; gap:0.75rem; margin:1.25rem 0;
    }
    .section-divider span { font-size:0.7rem; color:#94a3b8; font-weight:600; text-transform:uppercase; letter-spacing:0.05em; white-space:nowrap; }
    .section-divider::before, .section-divider::after { content:''; flex:1; height:1px; background:#e2e8f0; }