*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-card: #1a1a35;--bg-card-hover: #222250;--text-primary: #f0f0f5;--text-secondary: #a0a0c0;--text-muted: #6060a0;--accent: #6c5ce7;--accent-light: #a29bfe;--success: #00b894;--success-bg: #00b89420;--error: #e94560;--error-bg: #e9456020;--warning: #fdcb6e;--warning-bg: #fdcb6e20;--border: #2a2a50;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}body.fun.dark{--bg-primary: #0a1628;--bg-secondary: #0f1f3a;--bg-card: #0f1f3a;--bg-card-hover: #162d4d;--text-primary: #F0F4FA;--text-secondary: #8DA4C0;--text-muted: #5A7499;--accent: #003B73;--accent-light: #1a5fa0;--success: #00b894;--error: #FF4B4B;--warning: #FFC800;--border: #1c3354;--radius: 16px;--radius-sm: 12px;--font: "Nunito", sans-serif;--font-heading: "Nunito", sans-serif}body.fun.light{--bg-primary: #EDF2F9;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #E3EBF5;--text-primary: #0a1628;--text-secondary: #3d5a80;--text-muted: #7a94b0;--accent: #003B73;--accent-light: #00508F;--success: #00b894;--error: #e94560;--warning: #FF9600;--border: #c9d6e5;--radius: 16px;--radius-sm: 12px;--font: "Nunito", sans-serif;--font-heading: "Nunito", sans-serif}body.premium.dark{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-card: #1a1a35;--bg-card-hover: #222250;--text-primary: #f0f0f5;--text-secondary: #a0a0c0;--text-muted: #6060a0;--accent: #c9a84c;--accent-light: #d4b96a;--success: #00b894;--error: #e94560;--warning: #fdcb6e;--border: #2a2a50;--radius: 8px;--radius-sm: 6px;--font: "Inter", sans-serif;--font-heading: "Cormorant Garamond", serif}body.premium.light{--bg-primary: #faf9f6;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #f5f3ef;--text-primary: #1e1b4b;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent: #1e1b4b;--accent-light: #312e81;--success: #057642;--error: #dc2626;--warning: #f59e0b;--border: #e5e2d9;--radius: 8px;--radius-sm: 6px;--font: "Inter", sans-serif;--font-heading: "Cormorant Garamond", serif}html{font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:20px;min-height:100vh}button{font-family:var(--font);cursor:pointer;border:none;font-weight:600;transition:all .2s ease}button:disabled{opacity:.4;cursor:not-allowed}.btn-start{display:block;width:100%;max-width:400px;margin:40px auto 0;padding:18px 40px;font-size:1.2rem;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border-radius:var(--radius);letter-spacing:.5px;box-shadow:0 4px 20px #6c5ce766}.btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6c5ce799}.btn-validate{padding:14px 48px;font-size:1.1rem;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border-radius:var(--radius);box-shadow:0 4px 15px #6c5ce74d}.btn-validate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce780}.btn-next{padding:14px 48px;font-size:1.1rem;background:linear-gradient(135deg,var(--success),#00d2a0);color:#fff;border-radius:var(--radius);box-shadow:0 4px 15px #00b8944d}.btn-next:hover{transform:translateY(-1px)}.btn-review{padding:14px 32px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius)}.btn-review:hover{background:var(--bg-card-hover);border-color:var(--accent)}.btn-restart{padding:14px 32px;font-size:1rem;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border-radius:var(--radius)}.btn-restart:hover{transform:translateY(-1px)}.btn-secondary{padding:14px 32px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius)}.btn-secondary:hover{border-color:var(--accent)}.home{padding:40px 0}.home-header{text-align:center;margin-bottom:40px}.logo{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.logo-icon{font-size:3rem}.logo h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2rem;color:var(--text-secondary)}.home-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.info-number{font-size:1.8rem;font-weight:800;color:var(--accent-light)}.info-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.home-themes{margin-bottom:40px}.home-themes h2,.home-rules h2{font-size:1.3rem;margin-bottom:20px;color:var(--text-primary)}.themes-grid{display:flex;flex-direction:column;gap:10px}.theme-card{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 20px;transition:border-color .2s}.theme-card:hover{border-color:var(--accent)}.theme-code{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:800;font-size:1.1rem;border-radius:10px;flex-shrink:0}.theme-label{font-weight:600;font-size:.95rem}.theme-desc{font-size:.8rem;color:var(--text-secondary)}.theme-count{font-size:.75rem;color:var(--accent-light);margin-top:2px}.home-rules ul{list-style:none;display:flex;flex-direction:column;gap:10px}.home-rules li{padding:10px 16px;background:var(--bg-card);border-radius:var(--radius-sm);border-left:3px solid var(--accent);font-size:.95rem;color:var(--text-secondary)}.home-rules li strong{color:var(--text-primary)}.exam{display:flex;flex-direction:column;min-height:calc(100vh - 40px)}.exam-top-bar{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;flex-wrap:wrap}.progress-info{flex:1;min-width:120px}.progress-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.progress-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:3px;transition:width .3s ease}.score-live{font-weight:600;font-size:.95rem;color:var(--accent-light);white-space:nowrap}.timer{display:flex;align-items:center;gap:10px;min-width:140px}.timer-bar{flex:1;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.timer-fill{height:100%;background:var(--success);border-radius:3px;transition:width 1s linear}.timer-low .timer-fill{background:var(--warning)}.timer-critical .timer-fill{background:var(--error)}.timer-text{font-weight:700;font-size:1.1rem;min-width:36px;text-align:right}.timer-low .timer-text{color:var(--warning)}.timer-critical .timer-text{color:var(--error);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.exam-body{flex:1}.question-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.question-number{font-weight:700;font-size:1rem;color:var(--accent-light)}.question-theme{font-size:.8rem;padding:4px 12px;background:var(--accent);color:#fff;border-radius:20px;font-weight:600}.question-scenario{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:20px;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.scenario-label{font-weight:700;color:var(--warning);margin-bottom:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.question-text{font-size:1.15rem;font-weight:600;line-height:1.6;margin-bottom:24px}.multiple-hint{font-size:.85rem;font-weight:400;color:var(--warning);font-style:italic}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.option{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);text-align:left;font-size:1rem;color:var(--text-primary);transition:all .15s ease}.option:hover:not(:disabled){border-color:var(--accent);background:var(--bg-card-hover)}.option-selected{border-color:var(--accent);background:#6c5ce726}.option-correct{border-color:var(--success)!important;background:var(--success-bg)!important}.option-wrong{border-color:var(--error)!important;background:var(--error-bg)!important}.option-letter{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:8px;font-weight:700;font-size:.9rem;flex-shrink:0;color:var(--accent-light)}.option-selected .option-letter{background:var(--accent);color:#fff}.option-correct .option-letter{background:var(--success);color:#fff}.option-wrong .option-letter{background:var(--error);color:#fff}.option-text{flex:1}.option-icon{font-size:1.2rem;font-weight:700;flex-shrink:0}.explanation{border-radius:var(--radius-sm);padding:20px;margin-bottom:20px}.explanation-correct{background:var(--success-bg);border:1px solid var(--success)}.explanation-wrong{background:var(--error-bg);border:1px solid var(--error)}.explanation-header{margin-bottom:10px}.explanation-badge{font-weight:700;font-size:1rem}.explanation-badge.correct{color:var(--success)}.explanation-badge.wrong{color:var(--error)}.explanation-text{font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.question-actions{display:flex;justify-content:center}.exam-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:20px 0;margin-top:16px}.dot{width:12px;height:12px;border-radius:50%;background:var(--border);transition:all .2s}.dot-current{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot-correct{background:var(--success)}.dot-wrong{background:var(--error)}.results{padding:40px 0}.results-header{text-align:center;padding:40px;border-radius:var(--radius);margin-bottom:40px}.results-passed{background:linear-gradient(135deg,#00b89426,#00b8940d);border:2px solid var(--success)}.results-failed{background:linear-gradient(135deg,#e9456026,#e945600d);border:2px solid var(--error)}.results-icon{font-size:4rem;margin-bottom:16px}.results-title{font-size:2rem;margin-bottom:20px}.results-score{margin-bottom:16px}.score-big{font-size:5rem;font-weight:800}.results-passed .score-big{color:var(--success)}.results-failed .score-big{color:var(--error)}.score-total{font-size:2rem;color:var(--text-secondary)}.results-verdict{font-size:1.1rem;margin-bottom:8px}.verdict-pass{color:var(--success)}.verdict-fail{color:var(--error)}.results-avg-time{font-size:.9rem;color:var(--text-muted)}.results-themes{margin-bottom:40px}.results-themes h2{font-size:1.3rem;margin-bottom:20px}.theme-results-grid{display:flex;flex-direction:column;gap:12px}.theme-result{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px}.theme-result-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.theme-result-code{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-size:.8rem;border-radius:6px}.theme-result-label{flex:1;font-weight:500;font-size:.9rem}.theme-result-score{font-weight:700}.theme-result-score.perfect{color:var(--success)}.theme-result-score.good{color:var(--accent-light)}.theme-result-score.weak{color:var(--error)}.theme-result-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.theme-result-fill{height:100%;border-radius:3px;transition:width .5s ease}.theme-result-fill.perfect{background:var(--success)}.theme-result-fill.good{background:var(--accent-light)}.theme-result-fill.weak{background:var(--error)}.results-actions{display:flex;gap:16px;justify-content:center}.review{padding:20px 0}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.review-header h1{font-size:1.5rem}.review-actions-top,.review-actions-bottom{display:flex;gap:12px}.review-actions-bottom{justify-content:center;margin-top:30px}.review-list{display:flex;flex-direction:column;gap:16px}.review-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;border-left:4px solid var(--border)}.review-correct{border-left-color:var(--success)}.review-wrong{border-left-color:var(--error)}.review-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.review-item-number{font-weight:700;color:var(--accent-light)}.review-item-theme{font-size:.8rem;color:var(--text-muted);flex:1}.review-item-badge{font-weight:700;font-size:1.2rem}.review-item-badge.correct{color:var(--success)}.review-item-badge.wrong{color:var(--error)}.review-scenario{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-bottom:8px}.review-question{font-weight:600;margin-bottom:12px;line-height:1.5}.review-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.review-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:.9rem;background:var(--bg-secondary)}.review-option-correct{background:var(--success-bg);border:1px solid rgba(0,184,148,.3)}.review-option-wrong{background:var(--error-bg);border:1px solid rgba(233,69,96,.3)}.review-option-letter{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:5px;font-weight:700;font-size:.75rem;flex-shrink:0}.review-option-marker{margin-left:auto;font-weight:700}.correct-missed{color:var(--success);opacity:.6}.review-explanation{background:var(--error-bg);border:1px solid rgba(233,69,96,.2);border-radius:var(--radius-sm);padding:14px;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.landing{padding:40px 0}.landing-header{text-align:center;margin-bottom:48px}.landing-title{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.landing-title-main{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent-light),var(--accent),#e94560);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-title-sub{font-size:1.1rem;font-weight:500;color:var(--text-secondary)}.landing-description{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.landing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.landing-cards-three{grid-template-columns:repeat(3,1fr)}.landing-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:32px 24px;text-align:left;color:var(--text-primary);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center}.landing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.landing-card-auto:hover{border-color:#6c5ce7;box-shadow:0 12px 40px #6c5ce74d}.landing-card-moto:hover{border-color:#e94560;box-shadow:0 12px 40px #e945604d}.landing-card-bateau:hover{border-color:#0984e3;box-shadow:0 12px 40px #0984e34d}.landing-card-icon{font-size:4rem;margin-bottom:16px}.landing-card-content h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.landing-card-subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.landing-card-features{list-style:none;text-align:left;margin-bottom:24px;width:100%}.landing-card-features li{padding:6px 0;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.landing-card-features li:before{content:"✓ ";color:var(--success);font-weight:700}.landing-card-features li:last-child{border-bottom:none}.landing-card-cta{padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:.95rem;transition:all .2s}.landing-card-auto .landing-card-cta{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff}.landing-card-moto .landing-card-cta{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.landing-card-bateau .landing-card-cta{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff}.landing-info{margin-bottom:48px}.landing-info h2{font-size:1.3rem;text-align:center;margin-bottom:24px}.landing-steps{display:flex;flex-direction:column;gap:16px}.landing-step{display:flex;align-items:center;gap:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.landing-step-number{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-weight:800;font-size:1.2rem;border-radius:50%;flex-shrink:0}.landing-step-text{display:flex;flex-direction:column;gap:2px}.landing-step-text strong{font-size:1rem}.landing-step-text span{font-size:.85rem;color:var(--text-secondary)}.landing-footer{text-align:center;padding:24px 0;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border)}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px}.btn-back:hover{border-color:var(--accent);color:var(--text-primary)}.ad-banner{margin:24px 0;text-align:center}.ad-placeholder{padding:20px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem}@media(max-width:900px){.landing-cards-three{grid-template-columns:1fr}}@media(max-width:600px){.app{padding:12px}.home-info{grid-template-columns:repeat(2,1fr)}.logo h1{font-size:1.8rem}.info-number{font-size:1.4rem}.exam-top-bar{padding:12px;gap:12px}.question-container{padding:20px}.question-text{font-size:1rem}.option{padding:12px 14px;gap:12px;font-size:.9rem}.option-letter{width:30px;height:30px}.results-header{padding:24px}.score-big{font-size:3.5rem}.results-actions{flex-direction:column}.review-header{flex-direction:column;align-items:flex-start}.landing-title-main{font-size:1.8rem}.landing-cards{grid-template-columns:1fr}.landing-card-icon{font-size:3rem}}body.fun .btn-start{background:linear-gradient(135deg,#003b73,#1a5fa0)!important;border-bottom:4px solid #002a54!important;border-radius:16px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em}body.fun .btn-start:hover{transform:translateY(-2px)}body.fun .btn-start:active{transform:translateY(2px);border-bottom-width:2px!important}body.fun .btn-secondary{border-bottom:3px solid var(--border)!important;border-radius:12px!important;font-weight:700!important}body.fun .card,body.fun .theme-card{border-bottom:3px solid var(--border)!important;border-radius:16px!important}body.fun .card:hover,body.fun .theme-card:hover{transform:translateY(-2px)!important;border-color:var(--accent)!important}body.fun .landing-title,body.fun h1{font-family:Nunito,sans-serif!important}body.premium h1,body.premium .landing-title{font-family:Cormorant Garamond,serif!important}body.premium .btn-start{background:linear-gradient(135deg,var(--accent),var(--accent-light))!important;border-radius:8px!important;font-weight:500!important;letter-spacing:.02em}body.premium .card,body.premium .theme-card{border-radius:8px!important}