body{box-sizing:border-box;background:linear-gradient(90deg,#f0f4f8,#d9e2ec);margin:0;padding:0}.main{background-color:#f5f5f5;justify-content:center;align-items:center;height:100vh;margin:0%;padding:0%;font-family:Arial,sans-serif;overflow:auto}.contents{width:100%;height:100%;vertical-align:auto;background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:1rem;display:flex;overflow:auto;box-shadow:0 0 10px #0000001a}@media (min-width:768px){.contents{flex-direction:row;width:90%;padding:2rem}}.selectionContainer{border:1px solid #ccc;align-items:center;margin:2rem 0;padding:2rem;display:block}.dropdownContainer{border:1px solid #000;width:100%;max-width:300px;margin:1rem 0;padding:1rem}.dropdownContainer label{text-align:left;align-items:left;margin-bottom:.5rem;font-weight:700;display:inline}.dropdownContainer select{align-items:right;border:1px solid #000;border-radius:4px;width:auto;margin:.5rem;padding:.5rem}.proceedButton{color:#fff;cursor:pointer;background-color:#008cba;border:none;min-height:44px;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem}.promptContainer{text-align:left;border:1px solid #000;align-items:center;width:100%;max-width:100%;height:max-content;margin:0;padding:1rem}.promptTitle{margin-bottom:.5rem;font-size:1.25rem}.promptText{color:#333;font-size:.95rem;line-height:1.6}@media (min-width:768px){.promptContainer{max-width:600px;margin:2rem;padding:1.5rem}.promptTitle{font-size:1.5rem}.promptText{font-size:1rem}}.starterContainer{text-align:center;margin:2rem}.formContainer{border:1px solid #ccc;flex-direction:column;align-items:center;margin:2rem 0;padding:2rem 0;display:flex}.submitButton{color:#fff;cursor:pointer;background-color:#4caf50;border:none;min-height:44px;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem}.userInput{color:#000;background-color:#fff;border:1px solid #000;width:100%;max-width:100%;margin-top:1rem;padding:.75rem;font-size:.95rem;line-height:1.5}@media (min-width:768px){.userInput{padding:1rem;font-size:1rem}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.header{background-color:#fff;border-bottom:1px solid #e5e5e5;padding:1rem}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{color:#008cba;font-size:1.25rem;font-weight:700;text-decoration:none}.logo:hover{color:#006d8f}.nav{align-items:center;gap:.5rem;display:flex}.nav-link{color:#333;border-radius:4px;align-items:center;min-height:44px;padding:.5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.nav-link:hover{background-color:#f5f5f5}.nav-link.active{color:#008cba;background-color:#e6f4f8}.nav-link-disabled{color:#999;cursor:default;align-items:center;gap:.5rem;display:flex}.nav-link-disabled:hover{background-color:#0000}.coming-soon-badge{color:#666;background-color:#f0f0f0;border-radius:10px;padding:.2rem .5rem;font-size:.7rem;font-weight:400}@media (min-width:768px){.header{padding:1rem 2rem}.logo{font-size:1.5rem}.nav{gap:2rem}.nav-link{padding:.5rem 1rem;font-size:1rem}}.footer{text-align:center;background-color:#f9f9f9;border-top:1px solid #e5e5e5;padding:1.5rem 2rem}.footer-content{color:#666;max-width:1200px;margin:0 auto;font-size:.9rem}.landing-page{flex-direction:column;align-items:center;display:flex}.hero{text-align:center;width:100%;max-width:800px;padding:2rem 1rem}.hero-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.hero-title{color:#333;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.hero-subtitle{color:#666;max-width:600px;font-size:1rem;line-height:1.6}@media (min-width:768px){.hero{padding:4rem 2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}.languages-display{flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.languages-label{color:#666;font-size:.9rem}.language-flags{gap:1.5rem;display:flex}.language-item{color:#333;font-size:1rem}.hero-cta{flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;display:flex}@media (min-width:640px){.hero-cta{flex-direction:row;justify-content:center;width:auto}}.cta-button{border-radius:6px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-primary{color:#fff;background-color:#008cba}.cta-primary:hover{background-color:#006d8f}.cta-secondary{color:#666;background-color:#f5f5f5;border:1px solid #e5e5e5}.cta-secondary:hover{background-color:#eee}.placeholder-page{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.placeholder-content{text-align:center;max-width:500px}.placeholder-icon{margin-bottom:1rem;font-size:4rem}.placeholder-title{color:#333;margin-bottom:.5rem;font-size:2rem}.placeholder-badge{color:#666;background-color:#f0f0f0;border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.9rem;display:inline-block}.placeholder-description{color:#666;margin-bottom:1.5rem;line-height:1.6}.placeholder-link{color:#008cba;font-weight:500;text-decoration:none}.placeholder-link:hover{text-decoration:underline}.selection-section{background-color:#f9f9f9;border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:1.5rem 0;padding:1.5rem;display:flex}.selection-group{flex-direction:column;align-items:center;gap:.75rem;display:flex}.selection-label{color:#555;font-size:.95rem;font-weight:500}.language-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.language-button{cursor:pointer;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.25rem;font-size:.95rem;transition:all .2s;display:flex}.language-button:hover{background-color:#f0f8fa;border-color:#008cba}.language-button.selected{background-color:#e6f4f8;border-color:#008cba;box-shadow:0 0 0 1px #008cba}.language-flag{font-size:1.25rem}.language-name{color:#333;font-weight:500}.level-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.level-button{cursor:pointer;color:#555;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;min-width:60px;min-height:44px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.level-button:hover{color:#008cba;background-color:#f0f8fa;border-color:#008cba}.level-button.selected{color:#fff;background-color:#008cba;border-color:#008cba;box-shadow:0 2px 4px #008cba4d}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-text{color:#666;font-size:1.1rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}