:root{--slate:#0f172a;--slate-mid:#1e293b;--slate-lt:#f1f5f9;--teal:#14b8a6;--teal-dk:#0d9488;--teal-lt:#ccfbf1;--teal-tint:#f0fdfa;--green:#16a34a;--green-lt:#dcfce7;--amber:#d97706;--amber-lt:#fef3c7;--red:#dc2626;--red-lt:#fee2e2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1f2937;--white:#fff;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 8px 32px #0f172a1f;--radius:12px;--radius-sm:8px;--radius-lg:20px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11";background:#fff;background:var(--white);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:#0f172a;color:var(--slate);font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{color:#334155;color:var(--gray-700)}a{color:#0d9488;color:var(--teal-dk);text-decoration:none;transition:color .15s}a:hover{color:#14b8a6;color:var(--teal)}button{border:none;cursor:pointer;font-size:15px;transition:all .15s ease}button,input,select,textarea{font-family:inherit;outline:none}input,select,textarea{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--slate);font-size:16px;padding:11px 14px;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:#14b8a6;border-color:var(--teal);box-shadow:0 0 0 3px #f0fdfa;box-shadow:0 0 0 3px var(--teal-tint)}.btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:11px 22px;transition:all .15s}.btn-primary{background:#14b8a6;background:var(--teal);box-shadow:0 2px 8px #14b8a640;color:#fff}.btn-primary:hover{background:#0d9488;background:var(--teal-dk);box-shadow:0 4px 14px #14b8a659;transform:translateY(-1px)}.btn-slate{background:#0f172a;background:var(--slate);color:#fff}.btn-slate:hover{background:#1e293b;background:var(--slate-mid);transform:translateY(-1px)}.btn-outline{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--gray-300);color:#0f172a;color:var(--slate)}.btn-outline:hover{background:#f1f5f9;background:var(--slate-lt);border-color:#0f172a;border-color:var(--slate)}.btn-ghost{background:#0000;color:#475569;color:var(--gray-600)}.btn-ghost:hover{background:#f3f4f6;background:var(--gray-100);color:#0f172a;color:var(--slate)}.btn-sm{font-size:13px;padding:7px 14px}.btn-lg{font-size:17px;padding:14px 28px}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--shadow-sm);padding:22px}.card-hover:hover{box-shadow:0 4px 16px #0f172a14;box-shadow:var(--shadow-md);transform:translateY(-2px);transition:all .2s}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.01em;padding:3px 10px}.badge-teal{background:#f0fdfa;background:var(--teal-tint);color:#0d9488;color:var(--teal-dk)}.badge-slate{background:#f1f5f9;background:var(--slate-lt);color:#0f172a;color:var(--slate)}.badge-green{background:#dcfce7;background:var(--green-lt);color:#16a34a;color:var(--green)}.badge-amber{background:#fef3c7;background:var(--amber-lt);color:#d97706;color:var(--amber)}.badge-red{background:#fee2e2;background:var(--red-lt);color:#dc2626;color:var(--red)}.container{margin:0 auto;max-width:1180px;padding:0 24px}.page{padding:32px 0 80px}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#14b8a6,#0d9488);background:linear-gradient(90deg,var(--teal),var(--teal-dk));border-radius:99px;height:100%;transition:width .4s ease}.loader{align-items:center;display:flex;gap:8px;justify-content:center;padding:40px}.spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#14b8a6;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--teal);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .4s ease both}.fade-in{animation:fadeIn .3s ease both}.option-btn{background:#fff;background:var(--white);border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--slate);cursor:pointer;display:block;font-family:inherit;font-size:15px;margin:8px 0;padding:14px 18px;text-align:left;transition:all .15s;width:100%}.option-btn.selected,.option-btn:hover:not(:disabled){background:#f0fdfa;background:var(--teal-tint);border-color:#14b8a6;border-color:var(--teal)}.option-btn.correct{background:#dcfce7;background:var(--green-lt);border-color:#16a34a;border-color:var(--green);color:#16a34a;color:var(--green)}.option-btn.incorrect{background:#fee2e2;background:var(--red-lt);border-color:#dc2626;border-color:var(--red);color:#dc2626;color:var(--red)}.chat-bubble{border-radius:16px;font-size:15px;line-height:1.6;max-width:85%;padding:12px 16px}.chat-bubble.user{background:#0f172a;background:var(--slate);border-bottom-right-radius:4px;color:#fff;margin-left:auto}.chat-bubble.ai{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-bottom-left-radius:4px;white-space:pre-wrap}.streak{align-items:center;color:#0d9488;color:var(--teal-dk);display:inline-flex;font-weight:700;gap:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--gray-400);border-radius:99px}@media (max-width:640px){.container{padding:0 16px}.card{padding:16px}h1{font-size:2rem}h2{font-size:1.5rem}}input,select,textarea{box-sizing:border-box;font-size:16px!important;max-width:100%}button{touch-action:manipulation}@media (max-width:480px){h1{font-size:1.75rem!important;line-height:1.25}h2{font-size:1.35rem!important}h2,h3{line-height:1.3}h3{font-size:1.15rem!important}.card{padding:14px!important}.btn-lg{font-size:15px!important;padding:12px 18px!important}#root,body{overflow-x:hidden}img,svg{height:auto;max-width:100%}}
/*# sourceMappingURL=main.d09c3ea1.css.map*/