.marketing-assessment-wrapper{width:100%;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.marketing-assessment-container{display:flex;width:100%;height:500px;margin:2rem auto;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border-radius:8px;max-width:1200px}.marketing-assessment-container .left-column{width:300px;background-color:#f8f9fa;padding:2rem;border-radius:8px 0 0 8px;display:flex;flex-direction:column;min-height:100%}.marketing-assessment-container .left-column .text-content{margin-bottom:1rem}.marketing-assessment-container .left-column h1{font-size:2rem;font-weight:400;color:#333;line-height:1.2;margin:0 0 .5rem 0}.marketing-assessment-container .left-column .subtitle{color:#666;font-size:1rem;line-height:1.5;margin:0}.marketing-assessment-container .left-column .button-container{margin-top:auto}.marketing-assessment-container .right-column{flex:1;padding:2rem;overflow-y:auto;max-width:calc(100% - 300px)}.marketing-assessment-container .section-title{font-size:1.25rem;font-weight:400;margin-bottom:1.5rem;color:#333}.marketing-assessment-container .question{margin-bottom:2rem}.marketing-assessment-container .question-title{font-size:1rem;font-weight:500;margin-bottom:1rem;color:#333}.marketing-assessment-container .options{display:flex;flex-direction:column;gap:.75rem}.marketing-assessment-container .option{padding:1rem;border:1px solid #ddd;border-radius:.75rem;background:0 0;cursor:pointer;text-align:left;transition:all .2s;width:100%;font-family:inherit}.marketing-assessment-container .option:hover{border-color:#ccc;background:#fafafa}.marketing-assessment-container .option.selected{border-color:#2563eb;background:#eff6ff}.marketing-assessment-container .option-label{font-weight:500;margin-bottom:.25rem;font-size:.875rem}.marketing-assessment-container .option-details{font-size:.75rem;color:#666}.marketing-assessment-container .submit-button{width:100%;padding:.75rem;background:#06f;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s;font-family:inherit}.marketing-assessment-container .submit-button:hover{background:#0052cc}@keyframes highlightQuestion{0%{background-color:transparent}30%{background-color:#ffecec}70%{background-color:#ffecec}100%{background-color:transparent}}.highlight-unanswered{animation:highlightQuestion 2s ease-in-out;border-radius:8px}@media (max-width:768px){.marketing-assessment-container{flex-direction:column;height:auto;margin:1rem}.marketing-assessment-container .left-column,.marketing-assessment-container .right-column{width:100%;max-width:100%}.marketing-assessment-container .right-column{height:500px;overflow-y:auto}}.results-box{margin-top:1.5rem;padding:1rem;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;font-size:.875rem}.results-box.hidden{display:none}.results-box .score{font-weight:500;margin-bottom:.5rem;color:#333}.results-box .classification{margin-bottom:.5rem;color:#333}.results-box .recommendation{color:#666;font-size:.8125rem;line-height:1.4}.button-container{margin-top:auto}.mobile-button-container{display:none}@media (max-width:1024px){.marketing-assessment-container{flex-direction:column;height:auto;margin:1rem}.marketing-assessment-container .left-column{width:100%;max-width:100%;border-radius:8px 8px 0 0;min-height:auto;padding-bottom:1rem}.marketing-assessment-container .right-column{width:100%;max-width:100%;padding-bottom:80px}.desktop-button{display:none}.mobile-button-container{display:block;padding:1rem;background-color:#fff;border-top:1px solid #e5e7eb;position:fixed;bottom:0;left:0;right:0;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.marketing-assessment-wrapper{padding-bottom:80px}}@media (max-width:480px){.marketing-assessment-container{margin:0;border-radius:0}.mobile-button-container{padding:1rem}}