/**
 * DMV-Team: Authentication & Lead Funnel (Aura Lock)
 * Ultra-Premium Verification UI
 */

/* 1. THE PROPERTY LOCK SCREEN */
.dmv-aura-lock {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 999;
    backdrop-filter: blur(40px);
    background: rgba(8, 8, 8, 0.4);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--dmv-radius);
    text-align: center;
    padding: 40px;
    border: 1px solid var(--dmv-border);
    transition: var(--dmv-transition);
}

.dmv-aura-lock.unlocked {
    opacity: 0;
    pointer-events: none;
    transform: scale(1.05);
}

/* 2. AUTH MODAL */
.dmv-auth-modal {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 10000;
    display: none;
    align-items: center; justify-content: center;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
}

.dmv-auth-container {
    width: 480px;
    max-width: 90%;
    background: #121212;
    border: 1px solid var(--dmv-border);
    border-radius: 24px;
    padding: 40px;
    position: relative;
    box-shadow: 0 30px 60px rgba(0,0,0,0.8);
}

/* 3. VERIFICATION STEPS */
.dmv-auth-step {
    display: none;
}

.dmv-auth-step.active {
    display: block;
    animation: dmvFadeIn 0.5s ease;
}

@keyframes dmvFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 4. PROGRESS BAR */
.dmv-auth-progress {
    display: flex; gap: 10px; margin-bottom: 30px;
}

.dmv-auth-dot {
    height: 4px; flex: 1; background: var(--dmv-border); border-radius: 2px;
}

.dmv-auth-dot.active {
    background: var(--dmv-accent);
    box-shadow: 0 0 10px var(--dmv-accent);
}

/* 5. INPUTS & FEEDBACK */
.dmv-auth-error {
    color: #ff3b30; font-size: 13px; margin-top: 10px; display: none;
}

/* Responsive Audit (Phase 6) */
@media (max-width: 500px) {
    .dmv-auth-container {
        padding: 30px 20px;
        margin: 10px;
        border-radius: 16px;
    }
}