*{box-sizing:border-box;margin:0;padding:0}:root{--eu-blue:#039;--eu-blue-light:#1e448a;--eu-blue-dark:#024;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-light:#6b6b6b;--background:#fff;--background-alt:#f8f9fa;--border:#d1d3d4;--border-light:#e9ecef;--focus:#039;--focus-ring:#0393;--success:#008053;--warning:#fc0;--error:#d72b3f;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--max-width:1200px}body{color:var(--text-primary);background-color:var(--background);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;display:flex}.container{max-width:var(--max-width);width:100%;padding:0 var(--spacing-md);margin:0 auto}.header{background-color:var(--background);border-bottom:2px solid var(--border-light);padding:var(--spacing-md)0}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.logo{color:var(--text-primary);flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.logo-text{color:var(--eu-blue);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.logo-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:400}.nav{gap:var(--spacing-lg);list-style:none;display:flex}.nav-link{color:var(--text-primary);padding:var(--spacing-xs)0;border-bottom:2px solid #0000;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.nav-link:hover,.nav-link:focus{color:var(--eu-blue);border-bottom-color:var(--eu-blue);outline:none}.nav-link:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}main{padding:var(--spacing-xl)0;flex:1}.hero{background:linear-gradient(135deg,var(--eu-blue)0%,var(--eu-blue-light)100%);color:#fff;padding:var(--spacing-2xl)0;margin-bottom:var(--spacing-2xl)}.hero-content{max-width:800px}.hero h1{margin-bottom:var(--spacing-md);font-size:2.5rem;font-weight:700;line-height:1.2}.hero p{opacity:.95;font-size:1.125rem;line-height:1.7}.selection-section{background-color:var(--background-alt);padding:var(--spacing-xl)0;margin-bottom:var(--spacing-xl)}.section-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.75rem;font-weight:700}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:700px;font-size:1rem}.selection-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.selection-card{background:var(--background);border:2px solid var(--border-light);padding:var(--spacing-md);cursor:pointer;text-align:left;border-radius:4px;transition:all .2s}.selection-card:hover{border-color:var(--eu-blue);box-shadow:0 4px 12px #0033991a}.selection-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.selection-card.selected{border-color:var(--eu-blue);background-color:#0033990d}.selection-card-title{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:1.125rem;font-weight:600}.selection-card-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.content-blocks{margin:var(--spacing-xl)0}.content-block{background:var(--background);border:1px solid var(--border-light);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:4px}.content-block-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.5rem;font-weight:600}.content-block-text{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.content-block-text p{margin-bottom:var(--spacing-sm)}.btn{cursor:pointer;text-align:center;border:none;border-radius:4px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--eu-blue);color:#fff}.btn-primary:hover{background-color:var(--eu-blue-dark)}.btn-primary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn-secondary{background-color:var(--background);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--eu-blue);color:var(--eu-blue)}.btn-group{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.faq-section{margin:var(--spacing-xl)0}.faq-list{list-style:none}.faq-item{background:var(--background);border:1px solid var(--border-light);margin-bottom:var(--spacing-sm);border-radius:4px}.faq-question{width:100%;padding:var(--spacing-md);text-align:left;color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;font-family:inherit;font-size:1.125rem;font-weight:600;display:flex}.faq-question:hover{background-color:var(--background-alt)}.faq-question:focus-visible{outline:3px solid var(--focus);outline-offset:-2px}.faq-answer{padding:0 var(--spacing-md)var(--spacing-md);color:var(--text-secondary);line-height:1.7;display:none}.faq-item.expanded .faq-answer{display:block}.faq-icon{flex-shrink:0;font-size:1.25rem;transition:transform .2s}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.quiz-section{margin:var(--spacing-xl)0}.quiz-level-selector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.quiz-level-btn{padding:var(--spacing-xs)var(--spacing-md);background:var(--background);border:2px solid var(--border);cursor:pointer;border-radius:4px;font-weight:500;transition:all .2s}.quiz-level-btn.active{background:var(--eu-blue);color:#fff;border-color:var(--eu-blue)}.quiz-question{background:var(--background);border:1px solid var(--border-light);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:4px}.quiz-question-text{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.25rem;font-weight:600}.quiz-options{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.quiz-option{padding:var(--spacing-md);border:2px solid var(--border-light);cursor:pointer;background:var(--background);border-radius:4px;transition:all .2s}.quiz-option:hover{border-color:var(--eu-blue);background-color:#0033990d}.quiz-option.selected{border-color:var(--eu-blue);background-color:#0033991a}.quiz-option.correct{border-color:var(--success);background-color:#0080531a}.quiz-option.incorrect{border-color:var(--error);background-color:#d72b3f1a}.quiz-result{background:var(--background-alt);border:1px solid var(--border);padding:var(--spacing-lg);margin-top:var(--spacing-lg);text-align:center;border-radius:4px}.quiz-result-score{color:var(--eu-blue);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:700}.footer{background-color:var(--background-alt);border-top:2px solid var(--border-light);padding:var(--spacing-xl)0;margin-top:var(--spacing-2xl)}.footer-content{gap:var(--spacing-md);flex-direction:column;display:flex}.disclaimer{border-left:4px solid var(--warning);padding:var(--spacing-md);background:#ffcc001a;border-radius:4px}.disclaimer strong{margin-bottom:var(--spacing-xs);color:var(--text-primary);display:block}.disclaimer p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.ai-notice{border-left:4px solid var(--eu-blue);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);margin-top:calc(-1*var(--spacing-xl));z-index:1;background:#0033991a;border-radius:4px;position:relative}.ai-notice strong{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:1rem;display:block}.ai-notice p{color:var(--text-primary);margin:0;font-size:.9375rem;line-height:1.6}.footer-copyright{color:var(--text-light);text-align:center;margin:0;font-size:.875rem}.password-protection{background:var(--background-alt);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.password-container{width:100%;max-width:400px}.password-box{background:var(--background);padding:var(--spacing-xl);border:2px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000026}.password-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center;font-size:1.75rem;font-weight:700}.password-description{color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg);font-weight:400;line-height:1.6}.password-form{gap:var(--spacing-md);flex-direction:column;display:flex}.password-input-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.password-input{border:2px solid var(--border);box-sizing:border-box;border-radius:4px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.password-input:focus{border-color:var(--eu-blue);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.password-input::placeholder{color:var(--text-light)}.password-error{color:var(--error);margin-top:.25rem;font-size:.875rem}.password-button{width:100%;padding:.875rem 1.5rem;font-size:1rem}@media (max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.header-content{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap;width:100%}.selection-grid{grid-template-columns:1fr}.quiz-level-selector{flex-direction:column}.quiz-level-btn{width:100%}}.skip-link{background:var(--eu-blue);color:#fff;z-index:1000;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}