.alfa-quiz-wrapper{background:#fff;border:1px solid #eee;border-radius:12px;padding:40px;max-width:800px;margin:0 auto;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,5%)}.alfa-quiz-wrapper h2{font-size:24px;margin-bottom:10px;color:#333}.alfa-progress{background:#f1f1f1;height:6px;border-radius:3px;margin:20px auto 40px;width:100%;max-width:400px;overflow:hidden}.alfa-progress-bar{background:#c0392b;height:100%;width:0%;transition:width .3s ease}.quiz-step{display:none;animation:fadeIn .4s ease-out}.quiz-step.active{display:block}.quiz-step h3{font-size:20px;margin-bottom:30px;font-weight:600}.alfa-grid{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.alfa-btn{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:20px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;min-width:160px;color:#444}.alfa-btn:hover{border-color:#c0392b;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.step-loading .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #c0392b;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}