*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:#f7f7fa;color:#333;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:#1a1a2e;line-height:1.3}.exercise{background:#fff;border-radius:14px;padding:2rem;box-shadow:0 2px 12px #0000000a}.exercise h2{font-size:1.3rem;margin-bottom:.5rem}.exercise .instruction{color:#888;font-size:.95rem;margin-bottom:1.2rem}.exercise .hint{color:#999;font-size:.85rem;font-style:italic;margin-bottom:1rem}.exercise-image{max-width:100%;max-height:250px;border-radius:10px;margin-bottom:1rem;object-fit:cover}.question-block{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.question-block:last-child{border-bottom:none;padding-bottom:0;margin-bottom:1rem}.question-text{font-size:1.05rem;font-weight:500;margin-bottom:.6rem}.options{display:flex;flex-direction:column;gap:.5rem}.option-btn{padding:.7rem 1.2rem;border:2px solid #e8e8e8;border-radius:8px;background:#fff;text-align:left;font-size:.95rem;cursor:pointer;transition:all .2s}.option-btn:hover:not(.correct):not(.wrong){border-color:#f39c12;background:#fffbf0}.option-btn.selected{border-color:#f39c12;background:#fef5e7}.option-btn.correct{border-color:#27ae60;background:#eafaf1;color:#1e8449}.option-btn.wrong{border-color:#e74c3c;background:#fdedec;color:#c0392b}.btn{padding:.7rem 1.8rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-1px)}.btn-secondary{background:#f0f0f0;color:#555}.btn-secondary:hover{background:#e0e0e0}.actions{display:flex;justify-content:flex-end;margin-top:1.5rem;gap:.8rem}@media (max-width: 600px){.exercise{padding:1.2rem;border-radius:10px}.exercise h2{font-size:1.15rem}}.animated-background{position:fixed;inset:0;z-index:-10;overflow:hidden;pointer-events:none;background:linear-gradient(to bottom right,#f8fafc,#ffffff,#eff6ff)}.floating-shape{position:absolute;opacity:.075;pointer-events:none}.shape-1{top:10%;left:5%;width:200px;height:200px;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:float1 25s ease-in-out infinite,morph 8s ease-in-out infinite}.shape-2{top:15%;right:10%;width:150px;height:150px;background:linear-gradient(135deg,#ec4899 0%,#ff6b6b 100%);border-radius:63% 37% 54% 46%/55% 48% 52% 45%;animation:float2 30s ease-in-out infinite,morph 10s ease-in-out infinite reverse}.shape-3{top:50%;left:15%;width:180px;height:180px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:40% 60% 60% 40%/60% 30% 70% 40%;animation:float3 20s ease-in-out infinite,morph 12s ease-in-out infinite}.shape-4{bottom:20%;right:5%;width:220px;height:220px;background:linear-gradient(135deg,#ff6b6b 0%,#fbbf24 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:float4 28s ease-in-out infinite,morph 9s ease-in-out infinite}.shape-5{bottom:10%;left:20%;width:140px;height:140px;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:float5 22s ease-in-out infinite,morph 11s ease-in-out infinite reverse}.shape-6{top:40%;right:25%;width:160px;height:160px;background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);border-radius:50% 50% 30% 70%/30% 70% 70% 30%;animation:float6 26s ease-in-out infinite,morph 13s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(40px,30px) rotate(3deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,30px) rotate(-4deg)}66%{transform:translate(30px,-25px) rotate(6deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(25px,35px) rotate(4deg)}60%{transform:translate(-35px,-20px) rotate(-3deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0)}40%{transform:translate(-30px,-30px) rotate(-5deg)}80%{transform:translate(20px,25px) rotate(4deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(35px,-40px) rotate(6deg)}}@keyframes float6{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(-25px,30px) rotate(-4deg)}70%{transform:translate(30px,-20px) rotate(5deg)}}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@media (max-width: 768px){.floating-shape{opacity:.04}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5,.shape-6{width:200px;height:200px}}@media (prefers-reduced-motion: reduce){.floating-shape{animation:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.fade-in{animation:fadeIn .5s ease-out forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}.delay-400{animation-delay:.4s;opacity:0}.delay-500{animation-delay:.5s;opacity:0}@media (prefers-reduced-motion: reduce){.fade-in-up,.fade-in{animation:fadeIn .01s ease-out forwards!important}.delay-100,.delay-200,.delay-300,.delay-400,.delay-500{animation-delay:0s!important;opacity:1!important}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.card-entrance{animation:cardEntrance .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px) scale(.96)}@keyframes cardEntrance{to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.card-entrance{animation:fadeIn .01s ease-out forwards!important;transform:none!important}}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:rgba(0,0,0,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.gradient-secondary{background:linear-gradient(135deg,#ec4899,#db2777)}.gradient-accent{background:linear-gradient(135deg,#ff6b6b,#ef4444)}.gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.gradient-slate{background:linear-gradient(to bottom right,#f8fafc,#f1f5f9)}.shimmer{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.truncate-2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.focus-visible-only:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}