.messenger-marketing-test-section{background:linear-gradient(135deg, #f8f9ff 0%, #f3f6ff 100%);min-height:100vh;}.messenger-marketing-test-container{background:white;border-radius:20px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.08);padding:48px;position:relative;overflow:hidden;}.test-progress-container{position:relative;margin-bottom:48px;display:none;}.progress-custom{height:8px;border-radius:10px;background-color:#e9ecef;overflow:visible;}.progress-custom .progress-bar{background:linear-gradient(90deg, #0d5a94 0%, #1579bd 100%);border-radius:10px;transition:width 0.6s ease;position:relative;}.progress-header{font-weight:400;color:#4a5568;font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.progress-percentage{color:#1579bd;font-weight:500;font-size:14px;}.quiz-pages{position:relative;min-height:300px;}.quiz-page{display:none;animation:none;}.quiz-page.active{display:block;}.quiz-page.fade-in{animation:fadeIn 0.3s ease-out;}.quiz-page.fade-out{animation:fadeOut 0.3s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeOut{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-20px);}}.page-content{max-width:800px;margin:0 auto;padding:20px 0;}.intro-content{padding-left:60px;padding-right:60px;}.intro-illustration{margin-bottom:24px;}.intro-illustration img{animation:floatIn 1s ease-out;}@keyframes floatIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.quiz-main-title{font-size:36px;font-weight:500;color:#2d3748;margin-bottom:16px;line-height:1.2;letter-spacing:-0.5px;}.quiz-subtitle{font-size:18px;font-weight:400;color:#1579bd;margin-bottom:32px;line-height:1.4;}.intro-text{font-size:16px;line-height:1.65;color:#4a5568;font-weight:400;}.intro-text p{margin-bottom:16px;}.intro-text p.lead{font-size:18px;font-weight:400;}.intro-text strong{font-weight:500;color:#2d3748;}.question-header{margin-bottom:32px;}.question-title{font-size:22px;font-weight:400;color:#2d3748;margin-bottom:12px;line-height:1.4;}.question-number{color:#1579bd;font-weight:500;margin-right:8px;font-size:22px;}.question-subtitle{font-size:14px;color:#64748b;font-style:normal;margin-top:4px;font-weight:400;opacity:0.9;}.answer-options{margin:32px 0;}.answer-option{margin-bottom:12px;position:relative;}.answer-option input[type="radio"], .answer-option input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;}.answer-option label{display:flex;align-items:center;padding:16px 20px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-weight:400;color:#2d3748;transition:all 0.3s ease;position:relative;overflow:hidden;font-size:16px;line-height:1.5;}.answer-option label:hover{border-color:#1579bd;background:#f0f7ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(21, 121, 189, 0.15);}.answer-option input:checked + label{background:linear-gradient(135deg, #1579bd 0%, #0d5a94 100%);border-color:#1579bd;color:white;box-shadow:0 4px 16px rgba(21, 121, 189, 0.25);font-weight:450;}.radio-button{width:22px;height:22px;border:2px solid #cbd5e0;border-radius:50%;margin-right:15px;position:relative;transition:all 0.3s ease;flex-shrink:0;}.answer-option input[type="radio"]:checked + label .radio-button{background:white;border-color:white;}.answer-option input[type="radio"]:checked + label .radio-button::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background:#1579bd;}.checkbox-button{width:22px;height:22px;border:2px solid #cbd5e0;border-radius:6px;margin-right:15px;position:relative;transition:all 0.3s ease;flex-shrink:0;}.answer-option input[type="checkbox"]:checked + label .checkbox-button{background:white;border-color:white;}.answer-option input[type="checkbox"]:checked + label .checkbox-button::after{content:'\f00c';font-family:'FontAwesome';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#1579bd;font-weight:500;font-size:12px;}.answer-text{flex:1;line-height:1.5;}.sub-question{margin-top:30px;padding:20px;background:rgba(21, 121, 189, 0.05);border-radius:12px;border-left:4px solid #1579bd;transition:all 0.3s ease;}.sub-question.hidden{display:none;}.sub-question-title{font-size:18px;font-weight:400;color:#1579bd;margin-bottom:20px;line-height:1.4;}.page-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:48px;padding-top:0;}.page-navigation .btn{min-width:150px;}.btn{padding:14px 28px;font-size:15px;font-weight:450;border-radius:50px;transition:all 0.3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0.3px;}.btn-primary{background:linear-gradient(135deg, #1579bd 0%, #0d5a94 100%);color:white !important;box-shadow:0 4px 15px rgba(21, 121, 189, 0.3);}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(21, 121, 189, 0.4);}.btn-primary:disabled{background:#e9ecef !important;color:#6c757d !important;box-shadow:none;cursor:not-allowed;transform:none;}.btn-outline-secondary{background:transparent;color:#6c757d !important;border:2px solid #6c757d !important;outline:none !important;box-shadow:none !important;}.btn-outline-secondary:hover{background:#6c757d !important;color:white !important;border:2px solid #6c757d !important;transform:translateY(-2px);outline:none !important;box-shadow:none !important;}.btn-outline-secondary:focus{border:2px solid #6c757d !important;outline:none !important;box-shadow:none !important;}.btn-outline-secondary:active{border:2px solid #6c757d !important;outline:none !important;box-shadow:none !important;}.btn-outline-secondary:focus-visible{border:2px solid #6c757d !important;outline:none !important;box-shadow:none !important;}.btn i{font-size:14px;}.btn i.mr-2{margin-right:10px !important;}.btn i.ml-2{margin-left:10px !important;}.quiz-results{text-align:center;padding:40px 0;width:100%;min-height:300px;}.quiz-results.hidden{display:none !important;visibility:hidden !important;}.results-animation{margin-bottom:40px;}.score-circle{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg, #1579bd 0%, #0d5a94 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;color:white;position:relative;box-shadow:0 15px 50px rgba(21, 121, 189, 0.4);animation:pulseScore 2s ease-in-out infinite;}@keyframes pulseScore{0%, 100%{transform:scale(1);box-shadow:0 15px 50px rgba(21, 121, 189, 0.4);}50%{transform:scale(1.05);box-shadow:0 20px 60px rgba(21, 121, 189, 0.5);}}.score-value{font-size:52px;font-weight:300;line-height:1;text-shadow:0 2px 8px rgba(0, 0, 0, 0.2);}.score-label{font-size:14px;opacity:0.9;margin-top:8px;text-transform:uppercase;letter-spacing:2px;font-weight:400;}.result-header{margin-bottom:40px;}.result-main-title{font-size:26px;font-weight:400;color:#2d3748;margin-bottom:12px;line-height:1.3;}.result-subtitle{font-size:18px;color:#718096;font-style:normal;font-weight:300;line-height:1.4;}.level-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:50px;font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:1.5px;position:relative;}.level-badge i{margin-right:8px;font-size:14px;}@keyframes bounceIn{0%{transform:scale(0.8);opacity:0;}60%{transform:scale(1.1);}100%{transform:scale(1);opacity:1;}}.level-starter{background:linear-gradient(135deg, #cd7f32 0%, #a0522d 100%);color:white;box-shadow:0 8px 25px rgba(205, 127, 50, 0.3);}.level-aktiv{background:linear-gradient(135deg, #c0c0c0 0%, #808080 100%);color:white;box-shadow:0 8px 25px rgba(192, 192, 192, 0.3);}.level-pro{background:linear-gradient(135deg, #ffd700 0%, #daa520 100%);color:#333;box-shadow:0 8px 25px rgba(255, 215, 0, 0.4);}.result-content{max-width:900px;margin:0 auto;}.result-table{background:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0, 0, 0, 0.08);margin:48px 0;border:1px solid rgba(0, 0, 0, 0.05);}.result-row{display:flex;flex-direction:row;align-items:stretch;}.result-column{padding:30px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.result-points{flex:0 0 150px;background:linear-gradient(135deg, #f8f9ff 0%, #f3f6ff 100%);padding:20px;border-radius:12px;margin-right:20px;}.result-level{flex:0 0 200px;background:white;padding:20px;border-radius:12px;}.result-meaning{flex:1;background:white;padding:30px 35px;text-align:left;}.result-label{font-size:12px;font-weight:400;color:#718096;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;}.result-value{font-size:36px;font-weight:300;color:#1579bd;line-height:1;}.result-description{font-size:16px;color:#4a5568;line-height:1.6;font-weight:400;}.recommendations{background:linear-gradient(135deg, rgba(21, 121, 189, 0.03) 0%, rgba(255, 255, 255, 0.9) 100%);border-radius:15px;padding:35px;margin:40px auto;text-align:left;border:1px solid rgba(21, 121, 189, 0.1);box-shadow:0 8px 30px rgba(21, 121, 189, 0.08);max-width:700px;}.recommendations h4{color:#1579bd;margin-bottom:25px;font-weight:500;font-size:20px;}.recommendations ul{list-style:none;padding:0;}.recommendations li{padding:15px 20px 15px 50px;position:relative;margin-bottom:12px;background:rgba(255, 255, 255, 0.7);border-radius:10px;border-left:4px solid #1579bd;transition:all 0.3s ease;}.recommendations li:hover{transform:translateX(5px);box-shadow:0 5px 20px rgba(21, 121, 189, 0.15);}.recommendations li::before{content:'\f00c';font-family:'FontAwesome';position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#1579bd;font-weight:500;font-size:12px;width:20px;height:20px;background:rgba(21, 121, 189, 0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;}.result-cta{margin:40px 0;}.result-cta .btn{margin:10px;}.cta-button{font-size:16px;padding:28px 36px;font-weight:450;letter-spacing:0.3px;line-height:1.2;}.cta-consultation{background:linear-gradient(135deg, #1579bd 0%, #0d5a94 100%);color:white !important;}.restart-quiz{transition:all 0.2s ease;}.restart-quiz:hover{color:#1579bd !important;text-decoration:underline !important;}@media (max-width:768px){.messenger-marketing-test-container{padding:24px;margin:16px;border-radius:16px;}.intro-content{padding-left:20px;padding-right:20px;}.intro-illustration img{max-width:250px !important;}.quiz-main-title{font-size:32px;line-height:1.3;margin-bottom:12px;}.quiz-subtitle{font-size:18px;margin-bottom:24px;}.intro-text{font-size:15px;}.intro-text p.lead{font-size:16px;}.question-title{font-size:20px;line-height:1.4;}.question-number{font-size:20px;}.answer-option{margin-bottom:10px;}.answer-option label{padding:14px 16px;font-size:15px;}.page-navigation{flex-direction:column;gap:12px;margin-top:32px;}.page-navigation .btn{width:100%;min-width:unset;}.btn{padding:12px 24px;font-size:14px;}.score-circle{width:140px;height:140px;}.score-value{font-size:42px;}.score-label{font-size:12px;}.result-row{flex-direction:column;}.result-column{border-right:none !important;border-bottom:1px solid #e9ecef;}.result-points{flex:none;padding:20px;}.result-level{flex:none;padding:20px;}.result-meaning{flex:none;padding:25px;text-align:center;border-bottom:none;}.result-value{font-size:32px;}.level-badge{font-size:16px;padding:10px 20px;}}@media (max-width:576px){.messenger-marketing-test-container{padding:20px;margin:12px;border-radius:12px;}.intro-content{padding-left:10px;padding-right:10px;}.intro-illustration img{max-width:200px !important;}.quiz-main-title{font-size:28px;line-height:1.25;}.quiz-subtitle{font-size:16px;margin-bottom:20px;}.intro-text{font-size:14px;line-height:1.6;}.intro-text p.lead{font-size:15px;}.question-title{font-size:18px;}.question-number{font-size:18px;}.answer-option label{padding:12px 14px;font-size:14px;border-radius:10px;}.btn{padding:12px 20px;font-size:14px;}.cta-button{font-size:14px;padding:14px 24px;}.level-badge{font-size:14px;padding:8px 16px;letter-spacing:1px;}.result-main-title{font-size:22px;}.result-subtitle{font-size:16px;}.result-value{font-size:32px;}.result-description{font-size:14px;}.result-metrics{gap:24px;}.result-metric{min-width:100px;}}.result-summary{text-align:center;margin:32px 0 40px 0;}.result-score{font-size:32px;font-weight:300;color:#2d3748;margin-bottom:16px;}.result-level-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;font-size:18px;font-weight:500;}.result-level-badge.level-starter{background:linear-gradient(135deg, #cd7f32 0%, #a0522d 100%);color:white;box-shadow:0 8px 25px rgba(205, 127, 50, 0.3);}.result-level-badge.level-aktiv{background:linear-gradient(135deg, #c0c0c0 0%, #808080 100%);color:white;box-shadow:0 8px 25px rgba(192, 192, 192, 0.3);}.result-level-badge.level-pro{background:linear-gradient(135deg, #ffd700 0%, #daa520 100%);color:#333;box-shadow:0 8px 25px rgba(255, 215, 0, 0.4);}.result-description{text-align:justify;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;font-size:16px;line-height:1.6;color:#4a5568;margin:40px 0;max-width:600px;margin-left:auto;margin-right:auto;}.result-description a{color:#1579bd !important;text-decoration:none;}.result-description a:hover{color:#0d5a94 !important;text-decoration:underline;}