body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#64748b;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--background:#f8fafc;--surface:#fff;--text:#0f172a;--text-secondary:#475569;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius:8px;--radius-lg:12px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{margin:0;padding:0}body{background:#f8fafc;background:var(--background);color:#0f172a;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font);line-height:1.6}a{color:#2563eb;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 2rem}.app-header .logo{color:#2563eb;color:var(--primary);font-size:1.5rem;font-weight:700}.app-header nav{align-items:center;display:flex;gap:1.5rem}.app-header nav a{color:#475569;color:var(--text-secondary);font-weight:500;transition:color .2s}.app-header nav a:hover{text-decoration:none}.app-header nav a.active,.app-header nav a:hover{color:#2563eb;color:var(--primary)}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.app-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#475569;color:var(--text-secondary);font-size:.875rem;padding:1rem 2rem;text-align:center}.app-footer,.card{background:#fff;background:var(--surface)}.card{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);padding:2rem}.btn{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn:hover{background:#1d4ed8;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:#64748b;background:var(--secondary)}.btn-secondary:hover{background:#475569}.btn-success{background:#22c55e;background:var(--success)}.btn-success:hover{background:#16a34a}.btn-danger{background:#ef4444;background:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#0f172a;color:var(--text)}.btn-outline:hover{background:#f8fafc;background:var(--background)}.btn-sm{font-size:.8rem;padding:.4rem .8rem}.btn-lg{font-size:1rem;padding:.8rem 2rem}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group{margin-bottom:1.5rem}.form-group label{color:#475569;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.25rem}.form-control{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:1rem;padding:.6rem .8rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-control:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33;outline:none}.form-control.error{border-color:#ef4444;border-color:var(--danger)}.form-control.error:focus{box-shadow:0 0 0 3px #ef444433}.form-hint{color:#475569;color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.toast-container{display:flex;flex-direction:column;gap:.5rem;max-width:400px;position:fixed;right:1.5rem;top:1.5rem;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease;background:#fff;background:var(--surface);border-left:4px solid #2563eb;border-left:4px solid var(--primary);border-radius:8px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:.75rem;padding:1rem 1.5rem}.toast.success{border-left-color:#22c55e;border-left-color:var(--success)}.toast.error{border-left-color:#ef4444;border-left-color:var(--danger)}.toast.warning{border-left-color:#f59e0b;border-left-color:var(--warning)}.toast .toast-close{background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;margin-left:auto}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);display:inline-block;height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-header{align-items:stretch;flex-direction:column;gap:.5rem;padding:1rem}.app-header nav{flex-wrap:wrap;justify-content:center}.app-main,.card{padding:1rem}}.stat-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:1rem;padding:.5rem 0}.stat-item:last-child{border-bottom:none}.text-secondary{color:#475569;color:var(--text-secondary)}.quiz-container{background:#f8fafc;background:var(--background);display:flex;flex-direction:column;height:calc(100vh - 120px)}.quiz-topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem}.quiz-timer{color:#ef4444;color:var(--danger);font-size:1.2rem;font-weight:600}.quiz-body{display:flex;flex:1 1;gap:1rem;overflow:hidden;padding:1rem}.quiz-main{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);flex:1 1;overflow-y:auto;padding:2rem}.quiz-question{color:#0f172a;color:var(--text);font-size:1.2rem;font-weight:500;line-height:1.7;margin:1.5rem 0}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.option-card{background:#f8fafc;background:var(--background);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;padding:.8rem 1.2rem;transition:all .2s}.option-card:hover{background:#dbeafe;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary)}.option-card.selected{background:#d1fae5;border-color:#22c55e;border-color:var(--success)}.option-card.disabled{background:#e2e8f0;background:var(--border);cursor:default;opacity:.6}.quiz-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.btn-marked{background:#6f42c1;color:#fff}.btn-marked:hover{background:#5a32a3}.quiz-sidebar{background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow);flex-shrink:0;overflow-y:auto;padding:1.5rem;width:260px}.palette-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin:1rem 0}.palette-item{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;margin:0 auto;transition:all .2s;width:40px}.palette-item:hover{transform:scale(1.05)}.palette-item.current{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 2px #dbeafe;box-shadow:0 0 0 2px var(--primary-light)}.palette-item.attempted{background:#22c55e;background:var(--success);color:#fff}.palette-item.marked{background:#6f42c1;color:#fff}.palette-item.unattempted{background:#e2e8f0;background:var(--border);color:#475569;color:var(--text-secondary)}.palette-item.disabled{cursor:default;opacity:.5}.palette-legend{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;padding-top:1rem}.dot{border-radius:50%;display:inline-block;height:12px;margin-right:6px;width:12px}.dot.attempted{background:#22c55e;background:var(--success)}.dot.marked{background:#6f42c1}.dot.unattempted{background:#e2e8f0;background:var(--border);border:1px solid #475569;border:1px solid var(--text-secondary)}@media (max-width:768px){.quiz-body{flex-direction:column;padding:.5rem}.quiz-sidebar{width:100%}.quiz-main{padding:1rem}.quiz-topbar{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.quiz-nav{gap:.5rem}.quiz-nav .btn{font-size:.8rem;padding:.4rem .8rem}}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#0f172a,#020617);color:#fff;font-family:Segoe UI,system-ui,sans-serif;margin:0}.app-root,body{min-height:100vh}.app-root{align-items:center;display:flex;justify-content:center}.page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae0;border-radius:14px;box-shadow:0 25px 60px #0009;max-width:520px;padding:28px;width:100%}h2{color:#e5e7eb;margin-bottom:20px;text-align:center}p{color:#cbd5f5;line-height:1.6}input,textarea{background:#020617;border:1px solid #1e293b;border-radius:8px;color:#fff;font-size:14px;margin-bottom:14px;outline:none;padding:12px 14px;width:100%}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}button{background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:8px;color:#020617;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:transform .15s ease,box-shadow .15s ease;width:100%}button:hover{box-shadow:0 12px 26px #6366f173;transform:translateY(-2px)}button:active{transform:translateY(0)}.quiz-question{font-size:16px;margin-bottom:14px}.score{color:#7ee787;font-size:15px;margin-top:12px;text-align:center}.certificate{background:#020617;border-radius:18px;box-shadow:0 30px 80px #000000b3;max-width:760px;padding:46px;position:relative;text-align:center;width:100%}.certificate:before{background:linear-gradient(135deg,#38bdf8,#6366f1);border-radius:18px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;position:absolute}.certificate h1{color:#e5e7eb;font-size:32px;margin-bottom:12px}.certificate h2{color:#7ee787;font-size:26px;margin:10px 0}.certificate h3{color:#38bdf8;font-size:20px;margin-top:22px}.certificate p{font-size:15px;margin:8px 0}.certificate .footer{color:#94a3b8;font-size:13px;margin-top:32px;opacity:.7}@media (max-width:640px){.certificate,.page-card{padding:22px}.certificate h1{font-size:26px}.certificate h2{font-size:22px}}.option-box{background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:14px 16px 14px 48px;position:relative;width:100%}.option-box input[type=radio]{left:16px;position:absolute;top:16px;z-index:2}.option-text{color:#000!important;display:block;font-size:15px;line-height:1.5;text-align:left}.option-key{font-weight:700;margin-right:6px}.option-box.selected{background-color:#e8f5e9;border-color:#4caf50}
/*# sourceMappingURL=main.5d3dbeef.css.map*/