:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d0d12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: hsl(210, 100%, 60%);--secondary: hsl(280, 80%, 60%);--accent: hsl(150, 80%, 60%);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,#1a1a2e,#0d0d12);overflow-x:hidden}#app{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;box-shadow:0 8px 32px #0000005e;transition:transform .3s ease,box-shadow .3s ease}h1{font-size:3.2em;line-height:1.1;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{color:#888;font-size:1.2rem;margin-bottom:2rem}.quiz-container{display:flex;flex-direction:column;gap:1.5rem}.question-text{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.answer-area{min-height:100px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--accent);opacity:0;transition:opacity .3s ease}.answer-area.visible{opacity:1}.controls{display:flex;gap:1rem;justify-content:center;margin-top:2rem}button{border-radius:12px;border:1px solid transparent;padding:.8em 1.5em;font-size:1rem;font-weight:600;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover{border-color:var(--primary);transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-accent{background:var(--accent);color:#000}.progress-bar{width:100%;height:6px;background:var(--glass);border-radius:3px;margin-top:2rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));width:0%;transition:width .3s ease}.lang-toggle{position:absolute;top:1rem;right:1rem}.timeline-container,.schedule-container,.resources-container{display:none;text-align:left;margin-top:2rem;padding:1.5rem;max-height:500px;overflow-y:auto;border-top:1px solid var(--glass-border)}.timeline-item,.schedule-item{position:relative;padding-left:1.5rem;margin-bottom:1.5rem;border-left:2px solid var(--primary)}.timeline-year,.schedule-week{font-weight:700;color:var(--secondary);font-size:1.1rem;margin-bottom:.2rem}.schedule-focus{color:var(--accent);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.schedule-tasks{list-style:none;padding:0;margin:0;font-size:.95rem;color:#ccc}.schedule-tasks li{margin-bottom:.5rem;padding-left:1.2rem;position:relative}.schedule-tasks li:before{content:"→";position:absolute;left:0;color:var(--primary)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.resource-card{background:#ffffff08;border:1px solid var(--glass-border);padding:1.2rem;border-radius:16px}.resource-card h3{margin-top:0;color:var(--primary);font-size:1.1rem}.resource-card p{font-size:.85rem;color:#bbb;margin:.5rem 0}nav{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}nav span{color:#888;font-weight:600;cursor:pointer;transition:color .3s}nav span.active{color:var(--primary);position:relative}nav span.active:after{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:3px;background:var(--primary);border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .5s ease forwards}