.home-container{max-width:100%;overflow-x:hidden}.hero-section{background-color:#f8f9fa;background-image:url(../../static/media/blue-landscape.8a7da5e2a173b471196c.jpg);background-position:50%;background-size:cover;color:#fff;min-height:500px;overflow:hidden;position:relative}.hero-overlay{background:#071c4b99;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.dark .hero-section{background-color:#1a1b1e}.hero-section:before{animation:gradient-animation 25s linear infinite;background:radial-gradient(#3b82f6 8%,#0000 0);background-position:0 0;background-size:25px 25px;content:"";height:200%;left:-50%;opacity:.05;position:absolute;top:-50%;width:200%;z-index:1}@keyframes gradient-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{max-width:800px;position:relative;z-index:2}.hero-title{color:#fff;font-size:48px;font-weight:800;letter-spacing:-.5px;line-height:1.1;text-shadow:0 2px 4px #0000004d}.dark .hero-title{color:#f8fafc}.hero-subtitle{color:#e2e8f0;font-size:20px;line-height:1.5;margin-bottom:40px;margin-left:auto;margin-right:auto;text-shadow:0 1px 3px #0000004d}.dark .hero-subtitle{color:#cbd5e1}.hero-buttons{display:flex;gap:16px;justify-content:center}.primary-home-button{background-color:#3b82f6;border:none;border-radius:8px;box-shadow:0 4px 6px #3b82f640;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s ease}.primary-home-button:hover{background-color:#2563eb;box-shadow:0 6px 12px #3b82f64d;transform:translateY(-1px)}.secondary-home-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#3b82f6;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s ease}.secondary-home-button:hover{background-color:#f8fafc;box-shadow:0 4px 8px #0000001a}.dark .secondary-home-button{background-color:#1e293b;border-color:#334155;color:#3b82f6}.dark .secondary-home-button:hover{background-color:#334155}.features-section{align-items:center;display:flex;flex-direction:column;padding:100px 24px}.section-title{color:#1e293b;font-size:36px;font-weight:700;margin-bottom:16px;text-align:center}.dark .section-title{color:#f8fafc}.section-subtitle{color:#64748b;font-size:18px;margin-bottom:48px;max-width:700px}.centered-subtitle,.section-subtitle{margin-left:auto;margin-right:auto;text-align:center}.centered-subtitle{max-width:100%;padding:0 20px}.dark .section-subtitle{color:#cbd5e1}.card-container{display:flex;gap:32px;margin:0 auto;max-width:1200px;width:100%}.feature-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.dark .feature-card{background-color:#1e293b;box-shadow:0 4px 20px #0003}.feature-card:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-5px)}.card-image{height:240px;overflow:hidden;width:100%}.card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.feature-card:hover .card-image img{transform:scale(1.05)}.card-content{padding:24px}.card-title{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:12px}.dark .card-title{color:#f8fafc}.card-description{color:#64748b;line-height:1.6;margin-bottom:24px}.dark .card-description{color:#cbd5e1}.card-button{background-color:#3b82f6;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.card-button:hover{background-color:#2563eb}.for-who-section{background-color:#f8f9fa;padding:100px 24px}.dark .for-who-section{background-color:#1a1b1e}.for-who-content{align-items:center;display:flex;gap:40px;margin:0 auto;max-width:1200px}.for-who-image{border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;height:400px;overflow:hidden}.for-who-image img{height:100%;object-fit:cover;width:100%}.for-who-text{flex:1 1;padding:20px}.for-who-list{list-style:none;margin-top:24px;padding:0}.for-who-item{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:20px;padding:12px 16px;transition:transform .2s ease}.dark .for-who-item{background-color:#1e293b}.for-who-item:hover{transform:translateX(5px)}.for-who-icon{align-items:center;background-color:#3b82f61a;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}.for-who-text p{color:#64748b;line-height:1.6}.dark .for-who-text p{color:#cbd5e1}.premium-section{padding:100px 24px}.premium-content{align-items:center;display:flex;flex-direction:row-reverse;gap:40px;margin:0 auto;max-width:1200px}.premium-image{border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;height:400px;overflow:hidden}.premium-image img{height:100%;object-fit:cover;width:100%}.premium-text{flex:1 1;padding:20px}.premium-benefits{margin-top:24px}.benefit-item{align-items:center;display:flex;margin-bottom:16px}.benefit-icon{color:#3b82f6;flex-shrink:0;margin-right:12px}.benefit-text{color:#64748b}.dark .benefit-text{color:#cbd5e1}.contact-section{background-color:#f8f9fa;padding:100px 24px;text-align:center}.dark .contact-section{background-color:#1a1b1e}.contact-content{margin:0 auto;max-width:600px}.contact-email{color:#3b82f6;display:inline-block;font-size:24px;margin-top:20px;text-decoration:none}.contact-email:hover{text-decoration:underline}.footer-section{background-color:#1e293b;color:#e2e8f0;padding:40px 24px;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-links{display:flex;gap:24px;justify-content:center;margin:20px 0}.footer-link{color:#e2e8f0;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#3b82f6}.copyright{color:#94a3b8;font-size:14px;margin-top:20px}.contact-link{position:relative}.contact-tooltip{background-color:#333;border-radius:6px;bottom:125%;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:.9rem;font-weight:400;left:50%;line-height:1.4;opacity:0;padding:10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:300px;z-index:1}.contact-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.contact-link:hover .contact-tooltip{opacity:1;visibility:visible}@media (max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.for-who-content{flex-direction:column}.for-who-image{height:300px;width:100%}.for-who-text{padding:20px;width:100%}.contact-tooltip{width:250px}.footer-links{flex-wrap:wrap;gap:16px;justify-content:center}}@media (max-width:480px){.hero-section{padding:60px 16px}.hero-title{font-size:30px}.section-title{font-size:28px}.contact-section,.features-section,.for-who-section,.premium-section{padding:60px 16px}}.eq-intro-section{background-color:#f8fcff;padding:100px 24px}.dark .eq-intro-section{background-color:#121620}.eq-intro-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.eq-intro-item{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;flex:1 1;max-width:350px;min-width:300px;padding:30px;transition:transform .3s,box-shadow .3s}.dark .eq-intro-item{background-color:#1e293b;box-shadow:0 5px 15px #0003}.eq-intro-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-8px)}.eq-intro-icon{align-items:center;background-color:#e6f0ff;border-radius:50%;color:#3b82f6;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.dark .eq-intro-icon{background-color:#1e3a8a}.eq-intro-title{color:#1e293b;font-size:20px;font-weight:600;margin-bottom:15px}.dark .eq-intro-title{color:#f8fafc}.eq-intro-description{color:#64748b;line-height:1.6}.dark .eq-intro-description{color:#cbd5e1}.eq-intro-cta{margin-top:60px;text-align:center}.scroll-down-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;flex-direction:column;margin:0 auto;padding:10px;transition:all .3s ease}.scroll-down-button.icon-only{margin:20px auto}.scroll-down-button.icon-only .scroll-arrow{background-color:var(--primary-color);box-shadow:0 6px 15px #0003;height:60px;width:60px}.scroll-down-button.icon-only .scroll-arrow svg{height:32px;width:32px}.scroll-down-button.icon-only:hover .scroll-arrow{background-color:var(--primary-dark-color);box-shadow:0 8px 20px #0000004d;transform:translateY(8px)}.scroll-down-button.large{background-color:var(--primary-color);border-radius:50px;box-shadow:0 4px 15px #00000026;padding:15px 30px 20px;transition:all .3s ease}.scroll-down-button.large .scroll-text{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:10px}.scroll-down-button.large .scroll-arrow{background-color:#fff}.scroll-down-button.large .scroll-arrow svg{stroke:var(--primary-color)}.scroll-down-button.large:hover{background-color:var(--primary-dark-color);box-shadow:0 6px 18px #0003;transform:translateY(-2px)}.scroll-text{color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:8px}.scroll-arrow{align-items:center;background-color:var(--primary-color);border-radius:50%;box-shadow:0 4px 10px #0000001a;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.scroll-arrow svg{stroke:#fff;height:24px;width:24px}.scroll-down-button:hover .scroll-arrow{background-color:var(--primary-dark-color);box-shadow:0 6px 12px #0003;transform:translateY(5px)}.scroll-down-button:hover .scroll-text,.scroll-down-button:not(.large):hover .scroll-text{color:var(--primary-dark-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-arrow{animation:bounce 2s infinite}.eq-assessment-section{background-color:var(--light-bg-color);padding:4rem 1rem;text-align:center}.process-flow{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:3rem auto;max-width:1200px}.process-step{background-color:#fff;border-radius:10px;box-shadow:0 3px 15px #0000001a;flex:1 1;margin:0 10px 30px;max-width:250px;min-width:200px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.process-step:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.step-icon{font-size:2.5rem;margin-bottom:1rem}.process-step h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:.8rem}.process-step p{color:var(--text-color);font-size:.95rem;line-height:1.5}.flow-connector{align-items:center;color:var(--primary-color);display:flex;font-size:1.8rem;margin-top:80px;padding:0 5px}.cta-container{margin-top:2rem}.cta-button{background-color:var(--primary-color);border-radius:50px;box-shadow:0 4px 15px #00000026;color:#fff;display:inline-block;font-size:1.1rem;padding:14px 32px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:var(--primary-dark-color);box-shadow:0 6px 18px #0003;transform:translateY(-2px)}@media (max-width:1024px){.process-flow{flex-wrap:wrap}.process-step{flex-basis:calc(50% - 40px);flex-grow:0;flex-shrink:0;margin-bottom:30px}.flow-connector{display:none}}@media (max-width:768px){.process-flow{align-items:center;flex-direction:column}.process-step{flex:0 0 100%;margin-bottom:20px;max-width:350px}.flow-connector{display:none}.cta-button{font-size:1rem;padding:12px 28px}}.test-flow-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:40px auto;padding:20px}.test-progress{margin-bottom:30px}.progress-text{color:#666}.progress-bar{background-color:#e9ecef}.progress-fill{background-color:#3b82f6}.test-content{margin-bottom:30px}.test-content h2{color:#1e293b}.scenario-description{color:#4b5563;line-height:1.6}.question h3{color:#374151;font-weight:500}.option{border:1px solid #e5e7eb}.option:hover{background-color:#f9fafb;border-color:#a5b4fc}.option.selected{background-color:#3b82f60d;border-color:#3b82f6}.option-text{line-height:1.5}.primary-button{background-color:#3b82f6;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.primary-button:hover{background-color:#2563eb}.primary-button:disabled{cursor:not-allowed;opacity:.6}.loading-indicator{height:300px}.spinner{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-top-color:#3b82f6}.error-container{border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:60px auto;padding:30px}.error-container h3{color:#ef4444}.error-container p{color:#4b5563;margin-bottom:24px}.test-completion{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:60px auto;max-width:500px;padding:30px}.test-completion h2{color:#10b981}.test-completion p{color:#4b5563}.test-already-completed{margin:80px auto;max-width:600px;padding:0}.completed-message-container{background-color:#fff;border-radius:12px;box-shadow:0 6px 24px #0000001f;padding:40px;text-align:center}.test-already-completed h2{color:#3b82f6;font-size:28px;margin-bottom:20px}.test-already-completed p{color:#4b5563;font-size:16px;line-height:1.7;margin-bottom:30px}.secondary-button{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.secondary-button:hover{background-color:#e5e7eb}.survey-container,.transition-container{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);margin:2rem auto;max-width:800px;padding:2rem}.survey-header,.transition-content{margin-bottom:1.5rem;text-align:center}.survey-header h1,.transition-content h1{color:#333;color:var(--text-dark);font-size:2.5rem;margin-bottom:.5rem}.subtitle,.survey-header p{color:#666;color:var(--text-medium);font-size:1.2rem}.survey-progress{margin-bottom:2rem;position:relative}.progress-container{padding-bottom:10px;padding-top:30px;position:relative}.progress-bar{left:16px;position:absolute;right:16px;top:80px;z-index:1}.step-indicators{display:flex;justify-content:space-between;position:relative}.step-indicator{flex-direction:column;position:relative;text-align:center;width:25%}.step-indicator,.step-number{align-items:center;display:flex}.step-number{background-color:#e0e0e0;background-color:var(--border-color);border-radius:50%;color:#666;color:var(--text-medium);font-weight:700;height:32px;justify-content:center;left:50%;position:absolute;top:5px;transform:translateX(-50%);transition:all .3s ease;width:32px;z-index:2}.step-title{color:#999;color:var(--text-light);font-size:.85rem;margin-top:35px;text-align:center;transition:color .3s ease;width:100%}.step-indicator.active .step-number{background-color:#4e72b8;background-color:var(--primary-color);color:#fff}.step-indicator.active .step-title{color:#333;color:var(--text-dark);font-weight:500}.step-indicator.completed .step-number{background-color:#4caf50;background-color:var(--success-color);color:#fff}.survey-form{background-color:#fff;background-color:var(--card-background);border-radius:8px;margin-top:-30px;padding:1.5rem;text-align:center}.step-title h2{color:#333;color:var(--text-dark);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.step-questions,.survey-question{margin-bottom:2rem}.question-text,.survey-question{text-align:left}.question-text{color:#333;color:var(--text-dark);font-size:1.2rem;margin-bottom:1rem}.survey-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:1.5rem}.option-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;min-width:0;padding:10px 16px;transition:all .2s ease;width:auto}.option-text{flex:1 1;font-size:.95rem;line-height:1.3;padding-right:16px;white-space:nowrap}.option-item input[type=checkbox],.option-item input[type=radio]{cursor:pointer;flex:0 0 auto;height:20px;margin:0;transform:scale(1.5);width:20px}.option-item.selected,.option-item:hover{background-color:#e9f0ff;background-color:var(--primary-light);border-color:#4e72b8;border-color:var(--primary-color)}.option-item.selected{font-weight:500}.radio-options .option-item{width:auto}.selection-hint{color:#666;color:var(--text-medium);display:block;font-size:.85rem;font-style:italic;margin-top:.5rem;width:100%}.form-error{background-color:#f443361a;border-radius:4px;color:#f44336;color:var(--error-color);margin-bottom:1.5rem;padding:.75rem}.survey-buttons{display:flex;gap:1rem;justify-content:space-between}.btn-primary,.btn-secondary,.start-test-button{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{flex:1 1;max-width:200px}.btn-secondary{background-color:initial;color:#666;color:var(--text-medium)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.7}.success-icon{color:#4caf50;color:var(--success-color);height:80px;margin:0 auto 1.5rem;width:80px}.info-card{background-color:#f9f9f9;background-color:var(--background-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);margin:2rem 0;padding:2rem;text-align:left}.info-card h2{color:#333;color:var(--text-dark);font-size:1.5rem;margin-bottom:1rem}.info-card p{color:#666;color:var(--text-medium);line-height:1.5;margin-bottom:1.5rem}.benefits-list{list-style:none;margin-bottom:1.5rem;padding:0}.benefits-list li{align-items:flex-start;display:flex;margin-bottom:1rem}.icon{flex-shrink:0;font-size:1.5rem;margin-right:1rem}.time-estimate{align-items:center;background-color:#e9f0ff;background-color:var(--primary-light);border-radius:50px;display:inline-flex;margin-top:.5rem;padding:.75rem 1.25rem}.clock-icon{margin-right:.5rem}.start-test-button{background-color:#4e72b8;background-color:var(--primary-color);color:#fff;display:inline-block;font-size:1.2rem;padding:1rem 2rem;text-decoration:none;transition:background-color .3s ease}.start-test-button:hover{background-color:#3a5a9f;background-color:var(--primary-dark);text-decoration:none}.privacy-note{color:#999;color:var(--text-light);font-size:.9rem;margin-top:1.5rem}@media (min-width:768px){.option-item{max-width:fit-content;min-width:150px}}@media (max-width:768px){.survey-container,.transition-container{margin:1rem;padding:1.5rem}.survey-header h1,.transition-content h1{font-size:2rem}.step-indicators{overflow-x:auto;padding-bottom:1rem}.step-indicator{min-width:80px}.info-card{padding:1.5rem}.survey-buttons{flex-direction:column-reverse}.btn-primary,.btn-secondary{max-width:100%}.survey-options{gap:8px}.option-item{min-width:0}}@media (max-width:480px){.survey-options{flex-direction:column}.option-item{width:100%}}.survey-container h2{color:#333;color:var(--text-dark);font-size:2rem;margin-bottom:20px;margin-top:-30px;text-align:center}.profile-summary{margin:2rem 0;text-align:left}.profile-summary h2{color:#333;color:var(--text-dark);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.summary-card{background-color:#f9f9f9;background-color:var(--background-color);border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;padding:1.5rem}.summary-card h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#4e72b8;color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.summary-card p{color:#333;color:var(--text-dark);font-size:1rem;margin-bottom:.8rem}.summary-card p:last-child{margin-bottom:0}.summary-card strong{color:#333;color:var(--text-dark);font-weight:600}.skills-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.skill-tag{border-radius:20px;color:#3a5a9f;color:var(--primary-dark);font-size:.9rem;font-weight:500;padding:6px 12px}.personalized-note,.skill-tag{background-color:#e9f0ff;background-color:var(--primary-light)}.personalized-note{border-left:4px solid #4e72b8;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.personalized-note h3{color:#3a5a9f;color:var(--primary-dark);font-size:1.3rem;margin-bottom:1rem}.personalized-note p{color:#666;color:var(--text-medium);font-size:1rem;line-height:1.5;margin-bottom:.8rem}.personalized-note strong{color:#3a5a9f;color:var(--primary-dark);font-weight:600}@media (max-width:768px){.profile-summary{margin:1.5rem 0}.personalized-note,.summary-card{padding:1.2rem}.skills-list{gap:8px}.skill-tag{font-size:.85rem;padding:5px 10px}}.questionnaire-container{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);margin:2rem auto 4rem;max-width:800px;padding:2rem}.questionnaire-header{margin-bottom:2rem;text-align:center}.questionnaire-header h1{color:#333;color:var(--text-dark);font-size:2.5rem;margin-bottom:.5rem}.questionnaire-header p{color:#666;color:var(--text-medium);font-size:1.2rem}.page-indicator{margin-bottom:2rem}.indicator,.page-indicator{align-items:center;display:flex;justify-content:center}.indicator{background-color:#e0e0e0;background-color:var(--border-color);border-radius:50%;color:#666;color:var(--text-medium);font-weight:700;height:36px;transition:all .3s ease;width:36px}.indicator.active{background-color:#4e72b8;background-color:var(--primary-color);color:#fff}.indicator-line{background-color:#e0e0e0;background-color:var(--border-color);flex-grow:1;height:3px;margin:0 10px;max-width:100px}.questionnaire-form{background-color:#fff;background-color:var(--card-background);border-radius:8px}.form-page{animation:fadeIn .5s ease}.form-page h2{color:#333;color:var(--text-dark);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:2rem}.form-group label{color:#333;color:var(--text-dark);display:block;font-size:1.1rem;font-weight:500;margin-bottom:.8rem}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1rem}.option-card{background-color:#f9f9f9;background-color:var(--background-color);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.95rem;padding:14px;text-align:center;transition:all .2s ease}.option-card.selected,.option-card:hover{background-color:#e9f0ff;background-color:var(--primary-light);border-color:#4e72b8;border-color:var(--primary-color)}.option-card.selected{font-weight:500}.checkbox-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1rem}.checkbox-option{align-items:center;background-color:#f9f9f9;background-color:var(--background-color);border-radius:6px;display:flex;padding:10px;transition:all .2s ease}.checkbox-option:hover{background-color:#e9f0ff;background-color:var(--primary-light)}.checkbox-option input[type=checkbox]{cursor:pointer;margin-right:10px;transform:scale(1.2)}.checkbox-option label{cursor:pointer;font-size:.95rem;margin:0}.selection-count{color:#666;color:var(--text-medium);font-size:.9rem;margin-top:.5rem;text-align:right}.context-block{background-color:#e9f0ff;background-color:var(--primary-light);border-left:4px solid #4e72b8;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;margin-bottom:2rem;padding:16px}.context-block h3{color:#3a5a9f;color:var(--primary-dark);font-size:1.1rem;margin-bottom:.5rem}.context-block p{color:#666;color:var(--text-medium);font-size:.95rem;line-height:1.5}.button-container{display:flex;justify-content:space-between;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-primary{background-color:#4e72b8;background-color:var(--primary-color);color:#fff;min-width:120px}.btn-primary:hover{background-color:#3a5a9f;background-color:var(--primary-dark)}.btn-secondary{background-color:#f9f9f9;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#333;color:var(--text-dark)}.btn-secondary:hover{background-color:#e0e0e0;background-color:var(--border-color)}.error-message{color:#f44336;color:var(--error-color);font-size:.9rem;margin-top:.5rem}@media (max-width:768px){.questionnaire-container{margin:1rem auto 3rem;padding:1.5rem}.questionnaire-header h1{font-size:2rem}.options-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.checkbox-grid{grid-template-columns:1fr}.button-container{flex-direction:column-reverse;gap:12px}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.questionnaire-container{padding:1rem}.questionnaire-header h1{font-size:1.8rem}.options-grid{grid-template-columns:1fr}}:root{--primary-color:#4e72b8;--primary-light:#e9f0ff;--primary-dark:#3a5a9f;--secondary-color:#6b8ebd;--success-color:#4caf50;--error-color:#f44336;--text-dark:#333;--text-medium:#666;--text-light:#999;--background-color:#f9f9f9;--card-background:#fff;--border-color:#e0e0e0;--shadow-color:#0000001a}.custom-test-container{background-color:#f9f9f9;background-color:var(--background-color);margin:2rem auto 4rem;max-width:900px;min-height:70vh;padding:0}.scenario-container{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);padding:2rem}.scenario-progress{margin-bottom:2rem}.progress-bar{background-color:#e0e0e0;background-color:var(--border-color);margin-bottom:.5rem;width:100%}.progress-fill{background-color:#4e72b8}.step-info{color:#666;color:var(--text-medium);font-size:.9rem;text-align:right}.scenario-header{margin-bottom:1.5rem;text-align:center}.scenario-header h2{color:#333;color:var(--text-dark);font-size:1.8rem;margin-bottom:.5rem}.scenario-content{margin-bottom:2rem}.scenario-image{border-radius:8px;height:250px;margin-bottom:1.5rem}.scenario-description{background-color:#e9f0ff;background-color:var(--primary-light);border-left:4px solid #4e72b8;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;margin-bottom:1.5rem;padding:1.5rem}.scenario-description p{color:#333;color:var(--text-dark);font-size:1.1rem;line-height:1.6;margin:0}.scenario-response{margin-bottom:2rem}.scenario-response h3{color:#333;color:var(--text-dark);font-size:1.3rem;margin-bottom:1rem}.scenario-response textarea{border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;line-height:1.5;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.scenario-response textarea:focus{border-color:#4e72b8;border-color:var(--primary-color);outline:none}.scenario-response textarea.invalid{border-color:#f44336;border-color:var(--error-color)}.character-count{color:#999;color:var(--text-light);font-size:.9rem;margin-top:.5rem;text-align:right}.scenario-navigation{align-items:center;display:flex;justify-content:space-between}.btn-finish,.btn-next,.btn-previous{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.btn-previous{background-color:#f9f9f9;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#666;color:var(--text-medium)}.btn-previous:hover{background-color:#e0e0e0;background-color:var(--border-color)}.btn-next{background-color:#4e72b8;background-color:var(--primary-color);color:#fff}.btn-next:hover{background-color:#3a5a9f;background-color:var(--primary-dark)}.btn-finish{background-color:#4caf50;background-color:var(--success-color);color:#fff}.btn-finish:hover{background-color:#3d9140}.arrow{margin:0 .5rem}.loading-container{align-items:center;background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9f0ff;border-top:4px solid #4e72b8;border:4px solid var(--primary-light);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:1.5rem;width:50px}.loading-container p{color:#666;color:var(--text-medium);font-size:1.2rem}.error-container{align-items:center;background-color:#fff;background-color:var(--card-background);box-shadow:0 4px 16px #0000001a;box-shadow:0 4px 16px var(--shadow-color);display:flex;flex-direction:column;justify-content:center;padding:3rem}.error-icon{color:#f44336;color:var(--error-color);font-size:3rem;margin-bottom:1.5rem}.error-container h2{color:#333;color:var(--text-dark);font-size:1.8rem;margin-bottom:1rem}.error-container p{color:#666;color:var(--text-medium);font-size:1.1rem;margin-bottom:2rem;max-width:500px}.error-container .btn-primary{background-color:#4e72b8;background-color:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:all .3s ease}.error-container .btn-primary:hover{background-color:#3a5a9f;background-color:var(--primary-dark)}@media (max-width:768px){.custom-test-container{margin:1rem;min-height:auto}.scenario-container{padding:1.5rem}.scenario-header h2{font-size:1.5rem}.scenario-image{height:200px}.scenario-description p{font-size:1rem}.scenario-navigation{flex-direction:column-reverse;gap:1rem}.btn-finish,.btn-next,.btn-previous{justify-content:center;width:100%}}.analysis-report{background-color:#f9fafb;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:0}.analysis-header{background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:16px;box-shadow:0 10px 30px #4f46e533;color:#fff;margin:30px 16px;overflow:hidden;padding:40px;position:relative}.analysis-header:before{background:radial-gradient(circle at top right,#ffffff1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-container{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.header-text{flex:1 1 400px}.report-title{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 10px;text-shadow:1px 1px 2px #0003}.report-subtitle{color:#fff;font-size:1.2rem;font-weight:500;margin:0;opacity:1;text-shadow:0 1px 1px #0000001a}.overall-score-container{display:flex;flex:0 0 auto;justify-content:center}.score-circle{background:#ffffff26;border:3px solid #ffffff4d;box-shadow:0 8px 32px #0000001a;height:150px;width:150px}.score-inner{align-items:baseline;display:flex}.score-value{font-size:3.5rem;font-weight:700;line-height:1;text-shadow:1px 1px 2px #0003}.score-max{font-size:1.4rem;margin-left:2px;opacity:.9}.score-label{margin-top:5px;text-align:center}.eq-level{font-size:1.2rem;font-weight:700;margin-right:8px;text-shadow:0 1px 1px #0000001a}.eq-title{font-size:1rem;font-weight:500;opacity:1}.header-description{background-color:#00000026;border-left:4px solid #fff6;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.01em;line-height:1.8;margin-top:30px;max-width:800px;padding:18px;text-shadow:0 1px 1px #0003}.report-content{padding:0 16px 60px}.report-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:30px;padding:40px}.report-section h2{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:20px;margin-top:0;padding-bottom:10px;position:relative}.report-section h2:after{background:linear-gradient(90deg,#4f46e5,#818cf8);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.section-description{background-color:#4f46e50d;border-left:3px solid #4f46e5;border-radius:8px;color:#1e293b;font-size:1.15rem;font-weight:500;line-height:1.8;margin-bottom:30px;padding:15px}.summary-stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around;margin-top:30px}.progress-chart-container,.radar-chart-container{background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex:1 1 400px;min-width:300px;padding:20px;text-align:center}.emotion-line-chart,.radar-chart{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.chart-title{color:#1e293b;font-size:1.3rem;font-weight:600;margin-bottom:15px}.strengths-weaknesses{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.strengths-container,.weaknesses-container{background:#f9fafb;border-radius:12px;padding:25px}.strengths-container h2,.weaknesses-container h2{font-size:1.5rem;padding-bottom:8px}.strengths-container h2:after,.weaknesses-container h2:after{width:40px}.strengths-list,.weaknesses-list{list-style:none;margin:0;padding:0}.strength-item,.weakness-item{line-height:1.5;margin-bottom:15px;padding-left:25px;position:relative}.list-icon{color:#4f46e5;font-size:1.1rem;left:0;position:absolute;top:3px}.skill-bar-chart{margin-top:30px}.skill-bars{display:flex;flex-direction:column;gap:20px;margin-top:30px}.skill-bar-item{align-items:center;display:flex;gap:20px}.skill-label{color:#4b5563;flex:0 0 200px;font-weight:500;text-align:right}.skill-bar-container{background:#e2e8f0;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.skill-bar-fill{border-radius:10px;height:100%;transition:width 1s ease-out}.skill-score{color:#fff;font-weight:600;position:absolute;right:10px;text-shadow:0 1px 2px #0003;top:50%;transform:translateY(-50%)}.traits-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.trait-card{background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.trait-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.trait-header{gap:15px;margin-bottom:15px}.trait-header,.trait-icon{align-items:center;display:flex}.trait-icon{background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:12px;color:#fff;font-size:2rem;height:50px;justify-content:center;width:50px}.trait-title-container{flex:1 1}.trait-title{color:#1e293b;font-size:1.2rem;margin:0 0 5px}.trait-score-badge{background:#e2e8f0;border-radius:16px;color:#4b5563;display:inline-block;font-size:.9rem;font-weight:600;padding:3px 10px}.trait-description{color:#4b5563;line-height:1.5;margin:0}.recommendations-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.recommendation-card{background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:25px 25px 25px 50px;position:relative}.recommendation-number{align-items:center;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;color:#fff;display:flex;font-weight:600;height:30px;justify-content:center;left:20px;position:absolute;top:25px;width:30px}.recommendation-text{color:#4b5563;line-height:1.5;margin:0}.next-steps-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.next-step-card{align-items:center;background:#f9fafb;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;padding:30px;text-align:center}.next-step-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:15px;width:60px}.next-step-card h3{color:#1e293b;font-size:1.3rem;margin:0 0 10px}.next-step-card p{color:#4b5563;line-height:1.5;margin:0 0 20px}.next-step-button{background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:8px;box-shadow:0 4px 12px #4f46e533;color:#fff;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.next-step-button:hover{box-shadow:0 8px 20px #4f46e54d;transform:translateY(-3px)}.next-step-button.secondary{background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 4px 12px #64748b33}.next-step-button.secondary:hover{box-shadow:0 8px 20px #64748b4d}.analysis-loading{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;padding:0 20px;text-align:center}.analysis-loading p{color:#4b5563;font-size:1.2rem;margin-top:20px}.loading-subtext{font-size:.9rem!important;margin-top:5px!important;max-width:400px;opacity:.7}.loader{animation:spin 1s linear infinite;border:4px solid #4f46e533;border-left-color:#4f46e5;border-radius:50%;height:60px;width:60px}.analysis-error{padding:60px 20px;text-align:center}.analysis-error h2{color:#ef4444;margin-bottom:10px}.analysis-error p{color:#4b5563;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:400px}.analysis-error button{background:linear-gradient(135deg,#4f46e5,#818cf8);border:none;border-radius:8px;box-shadow:0 4px 12px #4f46e533;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .3s ease,box-shadow .3s ease}.analysis-error button:hover{box-shadow:0 8px 20px #4f46e54d;transform:translateY(-3px)}@media (max-width:1024px){.analysis-header{padding:30px}.report-title{font-size:2rem}.report-section{padding:30px}}@media (max-width:768px){.score-circle{height:120px;width:120px}.score-value{font-size:2.8rem}.strengths-weaknesses{grid-template-columns:1fr}.header-container{align-items:center;flex-direction:column;text-align:center}.header-text{flex:0 0 auto}.report-section h2:after{left:50%;transform:translateX(-50%)}.skill-bar-item{align-items:flex-start;flex-direction:column;gap:10px}.skill-label{flex:0 0 auto;text-align:left;width:100%}}@media (max-width:480px){.analysis-header{margin:20px 12px;padding:25px}.report-section{padding:25px}.report-title{font-size:1.8rem}.score-circle{height:100px;width:100px}.score-value{font-size:2.4rem}}.share-button-container{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;position:fixed;right:24px;z-index:1000}.share-button{align-items:center;background-color:#3b82f6;border:none;border-radius:24px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.share-button:hover{background-color:#2563eb;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.share-button:active{box-shadow:0 4px 8px #00000026;transform:translateY(0)}.share-menu{animation:fadeIn .2s ease;background-color:#fff;border-radius:8px;bottom:60px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:300px;overflow-y:auto;padding:8px 0;position:absolute;right:0;width:200px;z-index:1001}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background-color .2s ease}.share-option:hover{background-color:#f3f4f6}.share-option svg{color:#4b5563;flex-shrink:0}.share-option span{color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.share-button-container{bottom:16px;right:16px}.share-button{padding:10px 14px}.share-button span{display:none}.share-menu{max-height:250px;width:180px}}.scenarios-container{padding:24px}.hero-section{background-color:var(--light-bg);border-radius:16px;margin-bottom:32px;padding:48px 24px}.hero-title{color:var(--dark-text);font-size:36px;font-weight:700}.hero-subtitle{font-size:18px;margin:0 auto}.scenario-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:32px}.scenario-card{border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.scenario-card:hover{box-shadow:0 8px 24px #0000001a}.scenario-card-image{height:220px;overflow:hidden;position:relative}.scenario-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.scenario-card-image:after{background:linear-gradient(180deg,#0000 0,#0009);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.scenario-card-image:hover img{transform:scale(1.05)}.scenario-card-image .scenario-title{bottom:16px;color:#fff;font-size:18px;left:16px;margin:0;position:absolute;right:16px;text-shadow:0 1px 3px #0000004d;z-index:2}.scenario-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.scenario-tags span{border-radius:12px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.profession-tag{background-color:#0071e3d9}.context-tag{background-color:#34c759d9}.difficulty-tag{background-color:#ff9500d9}.difficulty-tag.beginner{background-color:#34c759d9}.difficulty-tag.intermediate{background-color:#ff9500d9}.difficulty-tag.advanced{background-color:#ff453ad9}.difficulty-tag.expert{background-color:#5e5ce6d9}.scenario-card-content{display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center}.scenario-card-content h3{font-size:18px;margin:0 0 8px}.scenario-card-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--medium-gray);display:-webkit-box;font-size:14px;margin-bottom:16px;overflow:hidden}.premium-link,.scenario-link{display:inline-block;font-size:14px;font-weight:500;padding:6px 0;transition:color .2s ease}.scenario-link{color:var(--primary-color)}.premium-link{color:#f59e0b}.premium-link:hover,.scenario-link:hover{text-decoration:underline}.scenario-detail-container{margin:0 auto;max-width:1000px;padding:24px}.back-link{margin-bottom:24px}.back-link a{align-items:center;color:var(--medium-gray);display:inline-flex;text-decoration:none;transition:color .2s ease}.back-link a:hover{color:var(--primary-color)}.scenario-title-main{color:var(--dark-text);font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.scenario-detail-layout{background:#fff;border-radius:12px;box-shadow:0 2px 20px #00000014;display:flex;flex-direction:row;margin:24px auto;max-width:1200px;overflow:hidden}.scenario-detail-image-column{align-items:stretch;display:flex;min-width:300px;position:relative;width:40%}.scenario-detail-image-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.scenario-detail-image{border:1px solid #0000000d;border-radius:0;display:block;height:100%;min-height:400px;object-fit:cover;transition:transform .3s ease;width:100%}.scenario-category-badge{background:#000000b3;border-radius:30px;color:#fff;font-size:14px;font-weight:500;left:16px;padding:6px 12px;position:absolute;top:16px}.scenario-detail-content-column{display:flex;flex-direction:column;padding:30px;width:60%}.scenario-detail-content{display:flex;flex-direction:column;height:100%}.scenario-detail-content h2{border-bottom:2px solid #0071e333;color:var(--secondary-color);font-size:1.5rem;margin-bottom:16px;padding-bottom:8px}.action-section{background:linear-gradient(90deg,#f8f9fa,#f0f2f5);border-radius:12px;margin-top:auto;padding:20px;text-align:center}.action-section h3{color:var(--secondary-color);font-size:1.2rem;margin-bottom:8px}.action-section p{color:var(--medium-gray);margin-bottom:20px}.action-buttons{display:flex;gap:16px;justify-content:center}.secondary-button{border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 2px 5px #0000000d;display:inline-block;font-size:15px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.secondary-button:hover{background-color:var(--light-bg);box-shadow:0 4px 8px #0000001a}.test-flow-container{margin:0 auto;max-width:800px;padding:24px}.test-progress{margin-bottom:24px}.progress-text{color:var(--medium-gray);font-size:14px;margin-bottom:8px}.progress-bar{background-color:var(--light-bg);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.test-content{background-color:var(--white);border-radius:16px;box-shadow:var(--card-shadow);margin-bottom:24px;padding:24px}.test-content h2{margin-bottom:16px}.scenario-description{margin-bottom:24px}.question h3{font-size:20px;margin-bottom:16px}.options{display:flex;flex-direction:column;gap:12px}.option{border:1px solid var(--light-gray);border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.option:hover{background-color:#0071e30d}.option.selected,.option:hover{border-color:var(--primary-color)}.option.selected{background-color:#0071e31a}.test-actions{display:flex;justify-content:flex-end}.test-completion{background-color:var(--white);border-radius:16px;box-shadow:var(--card-shadow);margin:40px auto;max-width:600px;padding:32px;text-align:center}.test-completion h2{color:var(--success-green);margin-bottom:16px}.test-completion p{margin-bottom:24px}.test-result-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000a;margin:0 auto;max-width:800px;padding:40px 24px;text-align:center}.test-result-container h1{color:#1e293b;display:inline-block;font-size:32px;font-weight:700;margin-bottom:36px;position:relative}.test-result-container h1:after{background-color:var(--primary-color);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.score-display{margin:50px 0;position:relative}.score-circle{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 12px 30px #2563eb40;color:var(--white);display:flex;flex-direction:column;height:180px;justify-content:center;margin:0 auto;position:relative;width:180px;z-index:1}@keyframes pulse{0%{box-shadow:0 12px 30px #2563eb40}50%{box-shadow:0 12px 30px #2563eb66}to{box-shadow:0 12px 30px #2563eb40}}.score-circle:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.score-number{font-size:64px;font-weight:800;line-height:1;position:relative}.score-suffix{font-size:32px;font-weight:600;position:relative;top:-10px}.score-label{font-size:16px;font-weight:500;letter-spacing:1px;margin-top:4px;opacity:.9;text-transform:uppercase}.result-feedback{background-color:#f8fafc;border-left:4px solid var(--primary-color);border-radius:16px;margin:40px auto;max-width:650px;padding:30px}.result-feedback h2{color:#1e293b;font-size:22px;font-weight:600;margin-bottom:16px;text-align:left}.result-feedback p{color:#64748b;font-size:16px;line-height:1.7;text-align:left}.category-nav-container{display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.category-column{background-color:var(--light-bg);border-radius:12px;flex:1 1;padding:16px}.category-column-title{border-bottom:1px solid var(--light-gray);color:var(--primary-color);font-size:24px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.category-tab{background:none;background-color:#fff;border:none;border-radius:20px;color:var(--secondary-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.category-tab.active{background-color:var(--primary-color);color:#fff}.category-tab:hover:not(.active){background-color:#0000000d}@media (max-width:640px){.scenario-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.score-circle{height:140px;width:140px}.score-number{font-size:48px}}@media (min-width:641px) and (max-width:1024px){.scenario-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.scenario-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.scenario-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.category-nav-container{flex-direction:column}.category-column{width:100%}.scenario-detail-layout{flex-direction:column}.scenario-detail-content-column,.scenario-detail-image-column{width:100%}.scenario-detail-image{height:300px}.action-buttons{align-items:center;flex-direction:column}}.premium-badge{background-color:#f59e0b}.premium-badge,.preview-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px;position:absolute;right:16px;top:16px;z-index:2}.preview-badge,.preview-link{background-color:#10b981}.preview-link{border-radius:8px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.preview-link:hover{background-color:#059669}.scenario-category{background-color:var(--primary-color);border-radius:20px;color:#fff;font-size:12px;font-weight:500;left:16px;padding:4px 12px;position:absolute;top:16px;z-index:2}.advanced-scenarios-container{margin:0 auto;max-width:1200px;padding:24px}.scenarios-content{margin-top:32px}.no-scenarios{color:var(--medium-gray);padding:48px 0;text-align:center}.section-group-title{border-bottom:2px solid var(--primary-color);color:var(--dark-text);font-size:30px;font-weight:700;margin:40px 0 20px;padding-bottom:10px}.scenarios-section{margin-bottom:40px}.preview-section{border-bottom:2px solid var(--primary-color);border-top:2px solid var(--primary-color);margin:40px 0;padding:40px 0}.preview-description{color:var(--medium-gray);font-size:18px;margin-bottom:30px;text-align:center}.preview-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}@media (max-width:1024px){.preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.preview-grid{grid-template-columns:1fr}}.category-title{color:var(--secondary-color);font-size:24px;font-weight:600;margin:30px 0 20px;padding-left:18px;position:relative}.category-title:before{background-color:var(--primary-color);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:8px;width:8px}.category-section{margin-bottom:40px;scroll-margin-top:120px}.test-result-container .action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:30px auto;max-width:600px}.test-result-container .action-buttons .primary-button,.test-result-container .action-buttons .secondary-button{border-radius:30px;box-shadow:0 4px 6px #0000001a;font-weight:600;letter-spacing:.5px;margin:6px;min-width:180px;padding:14px 24px;text-align:center;transition:all .3s ease}.test-result-container .action-buttons .primary-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.test-result-container .action-buttons .primary-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 15px #2563eb33;transform:translateY(-2px)}.test-result-container .action-buttons .secondary-button{background-color:#fff;border:2px solid #e2e8f0;color:#3b82f6}.test-result-container .action-buttons .secondary-button:hover{background-color:#3b82f60d;border-color:#3b82f6;box-shadow:0 8px 15px #0000000d;transform:translateY(-2px)}@media (max-width:640px){.test-result-container .action-buttons{flex-direction:column;width:100%}.test-result-container .action-buttons .primary-button,.test-result-container .action-buttons .secondary-button{margin:5px 0;width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0071e3;--primary-hover:#0077ed;--secondary-color:#1d1d1f;--light-bg:#f5f5f7;--white:#fff;--light-gray:#d2d2d7;--medium-gray:#86868b;--dark-gray:#424245;--success-green:#34c759;--warning-orange:#ff9f0a;--error-red:#ff3b30;--border-radius:12px;--button-radius:20px;--card-shadow:0 4px 20px #0000000d;--box-shadow:0 8px 40px #0000001f;--transition:all 0.3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--light-bg);color:#1d1d1f;color:var(--secondary-color);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.5}.container{margin:0 auto;max-width:1200px;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.015em}h1{font-size:48px;line-height:1.08}h2{font-size:40px;line-height:1.1}h3{font-size:28px;line-height:1.14}p{color:#86868b;color:var(--medium-gray);line-height:1.47}button,p{font-size:17px}button{align-items:center;border:none;border-radius:20px;border-radius:var(--button-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.primary-button{background-color:#0071e3;background-color:var(--primary-color);color:#fff;color:var(--white)}.primary-button:hover{background-color:#0077ed;background-color:var(--primary-hover);transform:translateY(-2px)}.secondary-button{background-color:#fff;background-color:var(--white);border:1px solid #d2d2d7;border:1px solid var(--light-gray);color:#0071e3;color:var(--primary-color)}.secondary-button:hover{box-shadow:0 4px 20px #0000000d;box-shadow:var(--card-shadow);color:#0077ed;color:var(--primary-hover);transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.app-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#fffc;box-shadow:0 1px 0 #0000000d;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:100}.logo h1{color:#1d1d1f;color:var(--secondary-color);font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0}nav ul{display:flex;gap:32px;list-style:none}nav a{color:#1d1d1f;color:var(--secondary-color);font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;transition:var(--transition)}nav a:hover{color:#0071e3;color:var(--primary-color)}nav button{background:none;border:none;border-radius:0;color:#1d1d1f;color:var(--secondary-color);font-size:14px;font-weight:500;padding:0}nav button:hover{color:#0071e3;color:var(--primary-color)}.app-content{min-height:calc(100vh - 140px);padding:40px 24px}.hero-section{align-items:center;display:flex;flex-direction:column;padding:80px 24px;text-align:center}.hero-title{font-size:56px;letter-spacing:-.005em;line-height:1.07;margin-bottom:16px;max-width:800px}.hero-subtitle{color:#86868b;color:var(--medium-gray);font-size:28px;font-weight:400;line-height:1.1;margin-bottom:48px;max-width:600px}.action-buttons{margin:0 auto;max-width:1200px;padding:40px 0;width:100%}.action-button-row{align-items:center;display:flex;gap:48px;margin-bottom:100px}.action-button-row:nth-child(2n){flex-direction:row-reverse}.action-button-content{flex:1 1;padding:20px}.action-button-content h2{font-size:40px;line-height:1.1;margin-bottom:16px}.action-button-content p{color:#86868b;color:var(--medium-gray);font-size:19px;line-height:1.47;margin-bottom:32px}.action-button-image{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 40px #0000001f;box-shadow:var(--box-shadow);flex:1 1;overflow:hidden}.action-button-image img{display:block;height:auto;transition:transform .8s ease;width:100%}.action-button-image:hover img{transform:scale(1.02)}.cta-button{font-size:18px;font-weight:600;padding:16px 32px}.form-group{margin-bottom:24px}label{color:#424245;color:var(--dark-gray);display:block;font-size:14px;font-weight:500;margin-bottom:8px}input{background-color:#fff;background-color:var(--white);border:1px solid #d2d2d7;border:1px solid var(--light-gray);border-radius:12px;border-radius:var(--border-radius);color:#1d1d1f;color:var(--secondary-color);font-size:16px;padding:16px;transition:all .3s ease;transition:var(--transition);width:100%}input:focus{border-color:#0071e3;border-color:var(--primary-color);box-shadow:0 0 0 2px #0071e333;outline:none}.login-container,.register-container,.reset-container{background-color:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000000d;box-shadow:var(--card-shadow);margin:40px auto;max-width:400px;padding:32px}.login-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.error-message{color:#ff3b30;color:var(--error-red);font-size:14px;font-weight:500}.login-container h2,.register-container h2,.reset-container h2{font-size:24px;margin-bottom:24px}.link-container{font-size:14px;margin-top:24px;text-align:center}.link-container a{color:#0071e3;color:var(--primary-color);font-weight:500;text-decoration:none}.link-container a:hover{text-decoration:underline}.app-footer{background-color:#fff;background-color:var(--white);border-top:1px solid #d2d2d7;border-top:1px solid var(--light-gray);color:#86868b;color:var(--medium-gray);font-size:12px;padding:24px;text-align:center}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0071e333;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{background-color:#fff8f8;border:1px solid #ff3b3033;border-radius:12px;border-radius:var(--border-radius);margin:32px auto;max-width:500px;padding:24px;text-align:center}.error-container h3{color:#ff3b30;color:var(--error-red);margin-bottom:16px}.scenario-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;margin-bottom:20px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.scenario-image{border-top-left-radius:10px;border-top-right-radius:10px;height:180px;margin:-20px -20px 15px;overflow:hidden}.scenario-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.scenario-card:hover .scenario-image img{transform:scale(1.05)}.scenario-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.scenario-card-premium{background-color:#fef9f5;border:1px solid #ff9f0a4d}.scenario-card h3{color:#1d1d1f;color:var(--secondary-color);font-size:20px;margin-bottom:12px}.scenario-description{color:#86868b;color:var(--medium-gray);flex:1 1;font-size:15px;line-height:1.5;margin-bottom:20px}.scenario-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.scenario-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.badge-free{background-color:#e9f9ee;color:#34c759;color:var(--success-green)}.badge-premium{background-color:#fff5eb;color:#ff9f0a;color:var(--warning-orange)}.scenario-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}.login-prompt,.premium-prompt{background-color:#0071e30d;border:1px solid #0071e31a;border-radius:12px;border-radius:var(--border-radius);margin:20px 0;padding:24px;text-align:center}.login-prompt p,.premium-prompt p{color:#1d1d1f;color:var(--secondary-color);margin-bottom:16px}.scenarios-container{margin:0 auto;max-width:1200px}#scenarios-section{margin-top:60px;scroll-margin-top:100px}#scenarios-section h2{margin-bottom:30px;text-align:center}@media (max-width:768px){.scenario-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.scenario-list{grid-template-columns:1fr}}@media (max-width:1024px){.hero-title{font-size:48px}.hero-subtitle{font-size:24px}.action-button-content h2{font-size:32px}}@media (max-width:768px){.action-button-row,.action-button-row:nth-child(2n){flex-direction:column;gap:32px}.hero-title{font-size:40px}.hero-subtitle{font-size:20px}.action-button-content h2{font-size:28px}}@media (max-width:480px){.app-header{flex-direction:column;gap:16px}nav ul{gap:16px}.hero-title{font-size:32px}.hero-section{padding:40px 16px}}
/*# sourceMappingURL=main.95735c19.css.map*/