.quiz-container{width:95%;max-width:600px;margin:20px auto;background:#fff;min-height:80vh;border-radius:30px;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative}.progress-bar-container{width:100%;height:8px;background-color:#f5f5f5;border-radius:10px;margin:0 0 30px;overflow:hidden}.step-content{padding:40px;flex:1;display:flex;flex-direction:column;align-items:center;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}.btn-option{width:100%;padding:20px 24px;margin-bottom:16px;border:2px solid #EEEEEE;border-radius:20px;background:#fff;text-align:left;font-weight:600;font-size:17px;color:#424242;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #00000005}.btn-primary{width:100%;padding:22px;background:linear-gradient(135deg,var(--color-green) 0%,var(--color-green-vibrant) 100%);color:#fff;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;margin-top:30px;box-shadow:0 10px 20px #00c8534d;transition:all .3s ease;border:none}.logo{width:160px;margin:10px 0 30px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.question-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:16px;line-height:1.3;color:#212121;letter-spacing:-.5px}.question-subtitle{font-size:17px;text-align:center;color:#616161;margin-bottom:40px;line-height:1.6;max-width:90%}.highlight-green{box-shadow:0 8px 15px #00c8531a;color:var(--color-green-dark)}.quiz-container{width:100%;max-width:100%;margin:0;background:#fff;min-height:100vh;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden;position:relative}.progress-bar-container{width:100%;height:8px;background-color:#f5f5f5;border-radius:10px;margin:0 0 20px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-green) 0%,var(--color-green-vibrant) 100%);border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00c85333}.step-content{padding:20px 15px;flex:1;display:flex;flex-direction:column;align-items:center;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-option{width:100%;padding:16px 20px;margin-bottom:10px;border:2px solid #EEEEEE;border-radius:15px;background:#fff;text-align:left;font-weight:600;font-size:16px;color:#424242;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #00000005;max-width:600px}.btn-option:hover{border-color:var(--color-green-vibrant);background-color:#f0fdf4;transform:translateY(-2px);box-shadow:0 8px 15px #00c8531a;color:var(--color-green-dark)}.btn-option:active{transform:scale(.98)}.btn-primary{width:100%;padding:18px;background:linear-gradient(135deg,var(--color-green) 0%,var(--color-green-vibrant) 100%);color:#fff;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;margin-top:20px;box-shadow:0 10px 20px #00c8534d;transition:all .3s ease;border:none;max-width:600px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00c85366;filter:brightness(1.05)}.btn-primary:active{transform:scale(.96)}.logo{width:140px;margin:10px 0 15px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.question-title{font-size:22px;font-weight:800;text-align:center;margin-bottom:10px;line-height:1.25;color:#212121;letter-spacing:-.5px;max-width:600px}.question-subtitle{font-size:16px;text-align:center;color:#616161;margin-bottom:20px;line-height:1.4;max-width:600px}.highlight-green{color:var(--color-green-vibrant);position:relative;display:inline-block}:root{--color-green: #43A047;--color-green-dark: #2E7D32;--color-green-light: #E8F5E9;--color-green-vibrant: #00C853;--color-red: #FF5252;--color-red-dark: #C62828;--color-yellow: #FFC107;--color-yellow-light: #FFF9C4;--color-white: #FFFFFF;--color-gray-light: #F8F9FA;--color-gray: #9E9E9E;--color-black: #212121;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:#f0f2f5;color:var(--color-black);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}#root{width:100%;display:flex;justify-content:center}button{cursor:pointer;border:none;font-family:inherit;outline:none}input,select,textarea{font-family:inherit}.container{width:100%;display:flex;flex-direction:column;align-items:center}