.recommendation-box{background-color:rgba(255,94,20,0.1); border-left:3px solid var(--primary); padding:1rem; margin-top:1.5rem; border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
.recommendation-box p{margin:0; color:var(--text-dark); font-size:0.95rem; line-height:1.5;}
.recommendation-box strong{color:var(--primary);}
.test-container{width:100%; max-width:800px; margin:0 auto; padding:20px; position:relative; z-index:1;}
.page-header{padding-top:40px; text-align:center; margin-bottom:2rem; color:var(--text-dark);}
.progress-container{width:100%; height:40px; margin-bottom:2rem; position:relative;}
.progress-bar{width:100%; height:8px; border-radius:4px; background-color:rgba(0,0,0,0.1); overflow:hidden; position:relative;}
.progress-fill{height:100%; background:var(--gradient-primary); width:10%; transition:width 0.5s ease; border-radius:4px; box-shadow:var(--glow-primary);}
.progress-steps{display:flex; justify-content:space-between; margin-top:12px;}
.step{font-size:12px; color:var(--text-secondary-dark);}
.question{margin-bottom:2rem;}
.question-title{font-size:1.5rem; font-weight:700; margin-bottom:1.5rem; color:var(--text-dark);}
.options{display:flex; flex-direction:column; gap:1rem;}
.option{padding:1rem; border-radius:var(--radius-md); background-color:var(--bg-card-light); border:1px solid var(--border-color-light); cursor:pointer; transition:all var(--transition-fast); color:var(--text-dark);}
.option:hover{background-color:var(--bg-card-hover-light); transform:translateY(-2px); box-shadow:var(--shadow-small-light);}
.option.selected{border-left:3px solid var(--primary); background-color:rgba(255,94,20,0.1); padding-left:calc(1rem - 3px);}
.test-navigation{display:flex; justify-content:space-between; margin-top:2rem;}
.btn-disabled{opacity:0.5; cursor:not-allowed;}
.btn-disabled:hover{transform:none; box-shadow:none;}
.test-screens{position:relative;}
.test-screen{display:none; background-color:var(--bg-light);}
.test-screen.active{display:block; animation:fadeIn 0.5s ease;}
@keyframes fadeIn{from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:translateY(0);}}
.limitation{margin-bottom:2rem; padding:1.5rem; border-radius:var(--radius-md); background-color:var(--bg-card-light); border:1px solid var(--border-color-light); transition:all var(--transition-normal); color:var(--text-dark);}
.limitation-title{display:flex; align-items:center; font-size:1.5rem; font-weight:700; margin-bottom:1rem; color:var(--primary);}
.limitation-icon{margin-right:10px; font-size:1.5rem;}
.limitation-theory{font-style:italic; color:var(--text-secondary-dark); margin-bottom:1rem; font-size:0.9rem;}
.contact-form-section{margin-top:3rem; display:none; background-color:var(--bg-light);}
.contact-form-section.visible{display:block; animation:fadeIn 0.5s ease;}
.form-controls{background:transparent; border:none;}
input{background-color:white; border:1px solid var(--border-color-light); border-bottom:2px solid var(--border-color-light); border-radius:var(--radius-sm); padding:1rem; color:var(--text-dark); width:100%;}
input:focus{outline:none; border-bottom:2px solid var(--primary); box-shadow:0 4px 6px rgba(255,94,20,0.1);}
label{color:var(--text-secondary-dark);}
.radar-chart-container{position:relative; width:100%; height:350px; margin:2rem auto; display:flex; justify-content:center; align-items:center; max-width:500px;}
.spider-diagram{position:relative; width:100%; height:100%; max-width:500px; margin:0 auto;}
.limitation-details{margin-top:3rem; padding:1.5rem; border-radius:var(--radius-md); background-color:var(--bg-card-light); border:1px solid var(--primary); transition:all var(--transition-normal); color:var(--text-dark);}
.other-limitations-title{margin-top:3rem; margin-bottom:1.5rem; font-size:1.5rem; text-align:center; color:var(--text-dark);}
.limitation-tabs-wrapper{position:relative; margin-bottom:1.5rem; max-width:100%; overflow:hidden;}
.limitation-tabs-scroll{overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding:0.5rem 0;}
.limitation-tabs-scroll::-webkit-scrollbar{display:none;}
.limitation-tabs{display:flex; white-space:nowrap; gap:0.75rem; padding:0 1.5rem; transition:transform 0.3s ease;}
.limitation-tab{padding:0.75rem 1.25rem; border-radius:var(--radius-sm); background-color:var(--bg-card-light); cursor:pointer; transition:all var(--transition-fast); font-size:0.9rem; border:1px solid var(--border-color-light); white-space:nowrap; color:var(--text-dark);}
.limitation-tab:hover{background-color:var(--bg-card-hover-light); transform:translateY(-2px); box-shadow:var(--shadow-small-light);}
.limitation-tab.active{background-color:var(--primary); color:white; border-color:var(--primary);}
.limitation-content{display:none; background-color:var(--bg-card-light); border-radius:var(--radius-md); padding:1.5rem; margin-bottom:2rem; color:var(--text-dark); border:1px solid var(--border-color-light);}
.limitation-content.active{display:block; animation:fadeIn 0.5s ease;}
.chart-legend{display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-top:1rem; margin-bottom:2rem;}
.legend-item{display:flex; align-items:center; font-size:0.9rem; margin:0.5rem; color:var(--text-dark);}
.legend-color{width:12px; height:12px; margin-right:6px; border-radius:50%;}
.tab-scroll-btn{position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; background-color:var(--bg-card-light); border:1px solid var(--border-color-light); color:var(--text-dark); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all var(--transition-fast); z-index:10;}
.tab-scroll-btn:hover{background-color:var(--bg-card-hover-light); color:var(--primary); box-shadow:var(--shadow-small-light);}
.tab-scroll-left{left:0;}
.tab-scroll-right{right:0;}
@media (max-width:1024px){.test-container{max-width:90%; padding:15px;} .radar-chart-container{height:300px; max-width:400px;}}
@media (max-width:768px){.page-header{padding-top:20px;} .section-title{font-size:2rem;} .test-container{max-width:95%; padding:10px;} .question-title{font-size:1.2rem; margin-bottom:1rem;} .option{padding:0.8rem; font-size:0.9rem;} .progress-container{margin-bottom:1.5rem;} .test-navigation{flex-direction:row; justify-content:space-between; gap:1rem; align-items:center;} .btn-primary{flex:1; max-width:200px;} .btn-secondary{flex:0 0 auto; width:auto; min-width:50px;} .limitation{padding:1rem; margin-bottom:1.5rem;} .limitation-title{font-size:1.2rem;} .limitation-details{padding:1rem;} .limitation-tabs{gap:0.5rem; padding:0 1rem;} .limitation-tab{padding:0.6rem 1rem; font-size:0.8rem; white-space:nowrap;} .limitation-content{padding:1rem;} .contact-form-section{margin-top:2rem;} .contact-form-section input,.contact-form-section textarea{font-size:16px;} .btn-secondary{width:auto; min-width:50px; padding:0.8rem; justify-content:center;} .btn-secondary i{margin:0;} .btn-secondary .fa-arrow-left{margin-right:0;} .btn-primary{width:auto; min-width:120px; padding:0.8rem 1.2rem;}}
@media (max-width:576px){.section-title{font-size:1.8rem; line-height:1.2;} .test-container{padding:5px;} .question-title{font-size:1.1rem; line-height:1.3;} .option{padding:0.7rem; font-size:0.85rem; line-height:1.3;} .progress-steps{font-size:10px;} .limitation-tabs-wrapper{margin-bottom:1rem;} .limitation-tab{padding:0.5rem 0.8rem; font-size:0.75rem;} .tab-scroll-btn{width:28px; height:28px; font-size:0.8rem;} .recommendation-box{padding:0.8rem; margin-top:1rem;} .recommendation-box p{font-size:0.85rem;} .btn-primary,.btn-secondary{padding:0.8rem 1.5rem; font-size:0.9rem;} .other-limitations-title{font-size:1.2rem; margin-top:2rem;} .limitation-icon{font-size:1.2rem; margin-right:8px;}}
@media (max-width:480px){.hero-section{padding:80px 0 120px;} .section-title{font-size:1.6rem;} .test-container{max-width:100%; padding:0;} .container{padding:0 0.5rem;} .legend-item{font-size:0.7rem;} .progress-container{height:35px;} .progress-steps .step{font-size:10px;}}
@media (max-width:768px) and (orientation:landscape){.hero-section{padding:60px 0 100px;} .radar-chart-container{height:200px; max-width:300px;} .btn-primary,.btn-secondary{width:auto; min-width:120px;}}
@media (min-width:1400px){.test-container{max-width:900px;}}
.modal-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); backdrop-filter:blur(5px); z-index:10000; display:flex; align-items:center; justify-content:center; animation:modalFadeIn 0.3s ease;}
@keyframes modalFadeIn{from{opacity:0;} to{opacity:1;}}
.modal-container{width:100%; max-width:600px; margin:20px; position:relative;}
.modal-content{background:white; border-radius:var(--radius-lg); box-shadow:0 20px 60px rgba(0,0,0,0.3); animation:modalSlideUp 0.3s ease; overflow:hidden;}
@keyframes modalSlideUp{from{transform:translateY(50px); opacity:0;} to{transform:translateY(0); opacity:1;}}
.modal-header{background:var(--gradient-primary); color:white; padding:2rem; text-align:center;}
.modal-header h2{font-size:1.8rem; font-weight:700; margin-bottom:0.5rem; color:white;}
.modal-header p{font-size:1rem; opacity:0.9; margin:0;}
.modal-body{padding:2rem;}
.modal-form-row{display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1.5rem;}
.modal-form-group{width:100%;}
.modal-form-control{width:100%; padding:1rem; border:2px solid #e5e5e5; border-radius:var(--radius-md); font-size:1rem; transition:border-color 0.3s ease; box-sizing:border-box;}
.modal-form-control:focus{outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(255,94,20,0.1);}
.modal-form-control::placeholder{color:#999;}
.modal-checkbox-container{display:flex; align-items:flex-start; gap:0.75rem; margin-bottom:1rem;}
.modal-checkbox-container input[type="checkbox"]{width:18px; height:18px; margin-top:0.2rem; flex-shrink:0; cursor:pointer; accent-color:var(--primary);}
.modal-checkbox-container label{color:var(--text-dark); font-size:0.9rem; line-height:1.4; cursor:pointer; flex:1;}
.modal-checkbox-container label a{color:var(--primary); text-decoration:underline;}
.modal-checkbox-container label a:hover{color:var(--primary-dark);}
.modal-submit-btn{width:100%; padding:1rem; font-size:1.1rem; font-weight:600; margin-top:1rem; transition:all 0.3s ease;}
.modal-submit-btn:disabled{opacity:0.5; cursor:not-allowed; background:#cccccc !important; color:#666666 !important;}
.modal-submit-btn:disabled:hover{transform:none !important; box-shadow:none !important;}
@media (max-width:768px){.modal-container{margin:10px;} .modal-header{padding:1.5rem;} .modal-header h2{font-size:1.5rem;} .modal-body{padding:1.5rem;} .modal-form-row{grid-template-columns:1fr; gap:1rem;} .modal-checkbox-container label{font-size:0.85rem;}}
.modal-open{overflow:hidden;}