/* Container and Card */
.dq-box { 
    border: 2px solid #6f42c1; 
    padding: 25px; 
    border-radius: 15px; 
    max-width: 500px; 
    text-align: center; 
    background: #fff; 
    margin: 20px auto; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* Visibility Logic */
.dq-item { display: none; } 
.dq-active { display: block; }

/* Progress Bar */
.dq-progress { 
    width: 100%; 
    height: 8px; 
    background: #eee; 
    border-radius: 5px; 
    margin-bottom: 20px; 
    overflow: hidden; 
}
.dq-bar { 
    height: 100%; 
    background: #6f42c1; 
    width: 0%; 
    transition: width 0.4s ease; 
}

/* Typography and Buttons */
.dq-question-text { 
    font-size: 1.2em; 
    font-weight: bold; 
    margin: 15px 0; 
    color: #333;
}

.dq-btn { 
    background: #6f42c1; 
    color: #fff; 
    padding: 10px 25px; 
    border: none; 
    border-radius: 25px; 
    cursor: pointer; 
    font-weight: bold; 
    margin-top: 15px; 
    transition: 0.3s;
}

.dq-btn:hover { 
    background: #5a32a3; 
    transform: translateY(-2px);
}

/* Accordion */
.dq-details { 
    margin: 15px 0; 
    text-align: left; 
    background: #fcfaff; 
    padding: 12px; 
    border: 1px solid #e0d4f7; 
    border-radius: 8px; 
}

.dq-summary { 
    cursor: pointer; 
    font-weight: bold; 
    color: #6f42c1; 
    outline: none; 
}