*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;background-color:#f3f4f6;color:#333}.dark body{background-color:#1a202c;color:#e2e8f0}:root{--injozi-dark-blue: #1a2b48;--injozi-light-blue: #3f51b5;--injozi-text-dark: #333333;--injozi-text-light: #f0f0f0;--border-color: #e5e7eb;--card-background: #ffffff;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.dark{--border-color: #4a5568;--card-background: #2d3748;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .12)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{flex-direction:column}.text-center{text-align:center}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.space-y-2>*:not(:first-child){margin-top:.5rem}.space-y-4>*:not(:first-child){margin-top:1rem}.space-y-6>*:not(:first-child){margin-top:1.5rem}.space-x-3>*:not(:first-child){margin-left:.75rem}.w-full{width:100%}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.h-4{height:1rem}.h-20{height:5rem}.h-24{height:6rem}.min-h-screen{min-height:100vh}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:var(--card-shadow)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-injozi-dark-blue{color:var(--injozi-dark-blue)}.text-injozi-light-blue{color:var(--injozi-light-blue)}.text-injozi-text-dark{color:var(--injozi-text-dark)}.text-injozi-text-light{color:var(--injozi-text-light)}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-50{background-color:#f9fafb}.bg-gray-500{background-color:#6b7280}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-white{background-color:#fff}.bg-green-100{background-color:#d1fae5}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-red-100{background-color:#fee2e2}.bg-injozi-dark-blue{background-color:var(--injozi-dark-blue)}.bg-injozi-light-blue{background-color:var(--injozi-light-blue)}.bg-transparent{background-color:transparent}.dark .bg-gray-700{background-color:#4a5568}.dark .bg-gray-800{background-color:#2d3748}.dark .bg-gray-900{background-color:#1a202c}.dark .bg-green-900\/20{background-color:#10b98133}.dark .bg-red-900\/20{background-color:#ef444433}.border{border-width:1px;border-style:solid;border-color:var(--border-color)}.border-2{border-width:2px;border-style:solid;border-color:var(--border-color)}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-500{border-color:#6b7280}.border-green-500{border-color:#10b981}.border-red-500{border-color:#ef4444}.border-injozi-dark-blue{border-color:var(--injozi-dark-blue)}.border-injozi-light-blue{border-color:var(--injozi-light-blue)}.dark .border-gray-700,.dark .border-gray-600{border-color:#4a5568}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-linear{transition-timing-function:linear}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{transform:scale(1.05)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.grid{display:grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:1rem}.justify-items-center{justify-items:center}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.block{display:block}.animate-in{animation-name:fade-in;animation-duration:.3s;animation-fill-mode:both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.quiz-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(to bottom right,var(--injozi-dark-blue),var(--injozi-light-blue));color:var(--injozi-text-light);padding:1rem}.card{background-color:var(--card-background);box-shadow:var(--card-shadow);border-radius:.5rem;padding:1.5rem;text-align:center;width:100%}.card-header{margin-bottom:1rem}.card-title{font-size:1.5rem;font-weight:700;color:var(--injozi-dark-blue)}.dark .card-title{color:var(--injozi-light-blue)}.card-content{margin-bottom:1.5rem}.card-footer{display:flex;justify-content:flex-end}.button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out;border:none}.button-primary{background-color:var(--injozi-dark-blue);color:#fff}.button-primary:hover:not(:disabled){background-color:var(--injozi-light-blue);transform:scale(1.05)}.button-secondary{background-color:#4a5568;color:#fff}.button-secondary:hover:not(:disabled){background-color:#2d3748}.button:disabled{opacity:.5;cursor:not-allowed}.badge{padding:.5rem 1rem;border-radius:.375rem;font-size:1.125rem;font-weight:500;display:inline-block}.badge-primary{background-color:var(--injozi-light-blue);color:#fff}.badge-outline{border:1px solid var(--injozi-light-blue);color:var(--injozi-text-light);background-color:transparent}.progress-bar-container{width:100%;height:1rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;position:relative;max-width:42rem}.dark .progress-bar-container{background-color:#4a5568}.progress-bar-fill{height:100%;transition:all .1s linear;background-color:#10b981}.progress-bar-fill.yellow{background-color:#f59e0b}.progress-bar-fill.red{background-color:#ef4444}.progress-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--injozi-text-dark)}.dark .progress-bar-text{color:var(--injozi-text-light)}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-item-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;border:1px solid var(--border-color);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.radio-item-wrapper:not(.answered):hover{background-color:#f9fafb;cursor:pointer}.dark .radio-item-wrapper:not(.answered):hover{background-color:#4a556880}.radio-item-wrapper.correct{background-color:#d1fae5;border-color:#10b981}.dark .radio-item-wrapper.correct{background-color:#10b98133}.radio-item-wrapper.incorrect{background-color:#fee2e2;border-color:#ef4444}.dark .radio-item-wrapper.incorrect{background-color:#ef444433}.radio-item-wrapper.disabled{cursor:not-allowed}.radio-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--injozi-light-blue);border-radius:50%;display:grid;place-content:center;transition:border-color .15s ease-in-out}.radio-item:before{content:"";width:.75rem;height:.75rem;border-radius:50%;transform:scale(0);transition:transform .15s ease-in-out;background-color:var(--injozi-light-blue)}.radio-item:checked:before{transform:scale(1)}.radio-item:disabled{opacity:.7;cursor:not-allowed}.radio-label{flex:1;font-size:1.125rem;color:var(--injozi-text-dark);cursor:pointer}.dark .radio-label{color:var(--injozi-text-light)}.input-field{width:100%;padding:.75rem 1rem;border-radius:.375rem;border:1px solid #d1d5db;background-color:#f9fafb;color:var(--injozi-text-dark)}.dark .input-field{background-color:#4a5568;border-color:#4a5568;color:var(--injozi-text-light)}.input-field::placeholder{color:#9ca3af}.label-text{color:var(--injozi-text-dark);display:block;text-align:left}.dark .label-text{color:var(--injozi-text-light)}.alert-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.alert-dialog-content{background-color:var(--card-background);border-radius:.5rem;padding:1.5rem;box-shadow:var(--card-shadow);max-width:32rem;width:100%;animation:fade-in .3s ease-out}.alert-dialog-header{margin-bottom:1rem}.alert-dialog-title{font-size:1.875rem;font-weight:700;color:var(--injozi-dark-blue);text-align:center;margin-bottom:.5rem}.dark .alert-dialog-title{color:var(--injozi-light-blue)}.alert-dialog-description{font-size:1.125rem;color:var(--injozi-text-dark);text-align:center}.dark .alert-dialog-description{color:var(--injozi-text-light)}.alert-dialog-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.table-container{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse}.table-header{background-color:#f9fafb}.dark .table-header{background-color:#4a5568}.table-head{padding:.75rem;text-align:left;font-weight:500;color:var(--injozi-text-dark)}.dark .table-head{color:var(--injozi-text-light)}.table-row{border-bottom:1px solid var(--border-color)}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f9fafb}.dark .table-row:hover{background-color:#4a556880}.table-cell{padding:.75rem;color:var(--injozi-text-dark)}.dark .table-cell{color:var(--injozi-text-light)}.table-cell.font-medium{font-weight:500}.table-cell.text-right{text-align:right}.memory-card-button{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;font-size:2.25rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease-in-out;border:2px solid var(--injozi-dark-blue);color:var(--injozi-dark-blue);background-color:#d1d5db}.dark .memory-card-button{border-color:var(--injozi-light-blue);color:var(--injozi-text-light);background-color:#4a5568}.memory-card-button.flipped,.memory-card-button.matched{background-color:var(--injozi-light-blue);color:#fff}.memory-card-button.matched{opacity:.7;cursor:not-allowed}.memory-card-button:disabled{cursor:not-allowed;opacity:.5}.bg-red-500{background-color:#ef4444}.bg-blue-500{background-color:#3b82f6}.bg-green-500{background-color:#22c55e}.bg-yellow-500{background-color:#facc15}.bg-purple-500{background-color:#a855f7}.bg-pink-500{background-color:#ec4899}.bg-indigo-500{background-color:#6366f1}.bg-teal-500{background-color:#14b8a6}.made-with-dyad{padding:1rem;text-align:center}.made-with-dyad-link{font-size:.875rem;color:#6b7280;text-decoration:none}.made-with-dyad-link:hover{color:#374151}.dark .made-with-dyad-link{color:#9ca3af}.dark .made-with-dyad-link:hover{color:#e2e8f0}.app-logo{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem;width:100px;height:auto}