.vibe-quiz-container{margin:40px auto;max-width:800px;padding:20px;width:100%}.vibe-quiz-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(45,95,79,.1);padding:40px;position:relative}.quiz-header{margin-bottom:40px;text-align:center}.quiz-heading{color:#2d5f4f;font-size:28px;font-weight:700;line-height:1.3;margin:0}.quiz-question{animation:fadeIn .5s ease-in;text-align:center}.question-text{color:#333;font-size:20px;font-weight:500;line-height:1.5;margin-bottom:30px}.button-group{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.quiz-button{background:#2d5f4f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;min-width:140px;padding:16px 40px;transition:all .3s ease}.quiz-button:hover{background:#3d7a65;box-shadow:0 6px 20px rgba(45,95,79,.3);transform:translateY(-2px)}.quiz-button:active{transform:translateY(0)}.quiz-result{animation:fadeIn .5s ease-in;text-align:center}.result-content{padding:20px 0}.result-heading{color:#2d5f4f;font-size:26px;font-weight:700;margin-bottom:20px}.result-text{color:#333;font-size:18px;line-height:1.6;margin-bottom:30px}.result-text p{margin:0 0 15px}.reset-button{background:#5a9b82;margin-top:20px}.reset-button:hover{background:#6daf95}.progress-indicator{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:center;margin-top:40px;padding-top:30px}.progress-dot{background:#d0d0d0;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.progress-dot.active{background:#2d5f4f;transform:scale(1.2)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.vibe-quiz-content{padding:30px 20px}.quiz-heading{font-size:24px}.question-text{font-size:18px}.button-group{flex-direction:column;gap:15px}.quiz-button{min-width:unset;width:100%}.result-heading{font-size:22px}.result-text{font-size:16px}}