*{box-sizing:border-box;margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:#f8f9fa;min-height:100vh;padding:20px}.container{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;gap:30px;background:rgb(255 255 255 / .95);border-radius:20px;padding:30px;box-shadow:0 20px 40px rgb(0 0 0 / .1);backdrop-filter:blur(10px)}.questionnaire,.results{width:48%;flex:0 0 48%;min-width:0;box-sizing:border-box;overflow-wrap:break-word}.questionnaire h2{font-size:2.2em;margin-bottom:15px;color:#2c3e50;font-weight:700;text-align:center}.questionnaire p{text-align:center;margin-bottom:10px;color:#555;font-size:.95em}.progress-bar-container{background:#e9ecef;border-radius:25px;height:12px;position:relative;margin-bottom:30px;overflow:hidden;box-shadow:inset 0 2px 4px rgb(0 0 0 / .1)}.progress-bar-fill{background:linear-gradient(90deg,#28a745,#20c997);width:11.11%;height:100%;transition:width 0.4s ease;border-radius:25px;position:relative}.progress-bar-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-bar-label{position:absolute;right:10px;top:-25px;font-size:.9em;color:#666;font-weight:600}.question{display:none;background:#fff;border-radius:15px;padding:25px;margin-bottom:10px;box-shadow:0 8px 25px rgb(0 0 0 / .1);border:1px solid #e9ecef;transition:all 0.3s ease}.question.active{display:block;transform:translateY(0);opacity:1}.question label:first-child{font-size:1.1em;color:#2c3e50;margin-bottom:10px;display:block}.option-label{display:flex;align-items:center;margin:6px 0;cursor:pointer;padding:8px 15px;border-radius:10px;transition:all 0.2s ease;background:#f8f9fa;border:2px solid #fff0}.option-label:hover{background:#e3f2fd;border-color:#2196f3;transform:translateX(5px)}.option-label input{margin-right:12px;transform:scale(1.2);accent-color:#2196f3}.option-label input:checked+span,.option-label:has(input:checked){background:#e8f5e8;border-color:#28a745;font-weight:600;color:#155724}.button-row{display:flex;gap:15px;margin-top:25px;justify-content:center}.nav-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 25px;border-radius:25px;border:none;cursor:pointer;font-size:1em;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .2);position:relative;overflow:hidden}.nav-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .3)}.nav-button:active{transform:translateY(0)}.back-button{background:linear-gradient(135deg,#6c757d 0%,#495057 100%)}.back-button::before{content:"← ";font-weight:400}.next-button::after{content:" →";font-weight:400}.summary-box{background:#fff;color:#2c3e50;padding:20px;border-radius:15px;margin-top:20px;text-align:center;box-shadow:0 8px 25px rgb(0 0 0 / .1);border:2px solid #28a745}.summary-box h3{font-size:1.4em;margin-bottom:15px}.summary-box img{margin:15px 0;max-width:120px;border-radius:10px}.summary-box p{margin-bottom:15px;line-height:1.5}.results h2{font-size:1.8em;margin-bottom:20px;color:#2c3e50;text-align:center;font-weight:700}.broker-item{margin:15px 0;padding:20px;border:2px solid #e9ecef;border-radius:15px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .05)}.broker-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.broker-item.top-broker{border:3px solid #28a745;background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);position:relative}.broker-item.top-broker::before{content:"🏆";position:absolute;top:-10px;left:-10px;background:#28a745;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.broker-item img{width:60px;height:auto;margin-right:15px;border-radius:8px}.broker-info{flex:1;margin-right:15px}.broker-name{font-weight:700;font-size:1.2em;color:#2c3e50;margin-bottom:5px}.broker-description{color:#666;font-size:.9em;line-height:1.4;margin-bottom:10px}.broker-score{background:#007bff;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600}.visit-link{display:inline-block;background:linear-gradient(135deg,#ffc107 0%,#ff8f00 100%);color:#000!important;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-size:.9em;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .2)}.visit-link:hover{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .3)}.broker-risk{font-size:.75em;color:#999;font-style:italic;margin-top:8px;line-height:1.3}@media (max-width:768px){.container{flex-direction:column;padding:20px}.questionnaire,.results{width:100%}.progress-bar-label{top:-22px;font-size:.8em}.button-row{flex-direction:column}.nav-button{width:100%;margin:5px 0}.broker-item{flex-direction:column;text-align:center}.broker-item img{margin:0 0 15px 0}.broker-info{margin:0 0 15px 0}}.broker-list-loading{text-align:center;padding:40px;color:#666}.broker-list-loading::after{content:'';display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}