.auth-level {
    font-size: 2rem;
    font-weight: bold;
    color: #343a40;
    margin: 20px 0;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 5px;
}

.alert {
    display: none;
}

.alert.show {
    display: block;
}

.card {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border: none;
}

.card-header {
    background-color: #343a40;
    color: white;
}

.btn {
    padding: 15px;
    font-size: 1.1rem;
    margin: 10px 0;
}

.btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

#authLevel.complete {
    color: #198754;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}