@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out}.quiz-option{background-color:#f9fafb!important;border:1px solid #d1d5db!important;border-radius:.5rem!important;cursor:pointer;margin-bottom:.5rem!important;padding:.75rem 1rem!important;transition:all .2s ease!important}.quiz-option:hover{background-color:#e0f2fe!important}.quiz-option.correct{background-color:#d1fae5!important;border-color:#34d399!important;box-shadow:0 2px 8px #22c55e4d!important;color:#065f46!important}.quiz-option.incorrect{background-color:#fee2e2!important;border-color:#f87171!important;box-shadow:0 2px 8px #ef44444d!important;color:#7f1d1d!important}#root,body,html{height:100%;margin:0;padding:0}h1{font-size:3rem}h1,h2{border-bottom:2px solid #e5e7eb;color:#1e3a8a;font-weight:700;margin-bottom:1.5rem;padding-bottom:2rem;text-align:center}h2{font-size:2rem}.video-section{grid-gap:1.5rem;display:grid;gap:1.5rem}.video-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 4px #0000000d;overflow:hidden;transition:all .3s ease}.video-card:hover{box-shadow:0 8px 20px #0000001a;transform:scale(1.01)}.video-iframe{border:none;border-top-left-radius:1rem;border-top-right-radius:1rem;height:300px;width:100%}.video-content{padding:1rem}.video-title{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:.25rem}.video-reason,.video-requirements{color:#6b7280;font-size:1.1rem;margin-bottom:.75rem}.video-meta{color:#4b5563;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between}.video-score{background-color:#dbeafe;color:#1e40af}.video-index,.video-score{border-radius:9999px;font-size:1rem;padding:.25rem .75rem}.video-index{background-color:#dadfe6;color:#474a4e}.video-page{align-items:flex-start;background:linear-gradient(to bottom right,#c2c6cf,#9abdc0,#c19e98);color:#1f2937;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.video-wrapper{background:#fff;border-radius:1.5rem;box-shadow:0 12px 32px #0000000d;max-width:960px;padding:2rem;width:100%}.input-section{display:flex;flex-direction:column;gap:2rem;padding-bottom:1rem;text-align:center}.input-field{border:2px solid #d1d5db;border-radius:.5rem;font-size:1.15rem;margin:0 auto;outline:none;padding:.75rem;text-align:center;transition:box-shadow .2s ease;width:450px}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f680}.input-field-detail{border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;height:200px;margin:0 auto;outline:none;padding:.75rem;resize:none;transition:box-shadow .2s ease;width:450px}.input-field-detail:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f680}.input-select{font-size:1rem;width:480px}.input-button,.input-select{border:1px solid #d1d5db;border-radius:.5rem;margin:0 auto;padding:.75rem;text-align:center}.input-button{background-color:#2563eb;box-shadow:#1f2937;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background-color .2s ease;width:200px}.input-button:hover{background-color:#8a2be2}.input-button:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-dots{color:#fff;display:inline-flex;font-weight:600;gap:.25rem}.loading-dots span{animation:bounce .6s infinite alternate}.loading-dots span:nth-child(2){animation-delay:.1s}.loading-dots span:nth-child(3){animation-delay:.2s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.quiz-button-container{margin-top:2rem;text-align:center}.quiz-button{background-color:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s ease,transform .2s ease}.quiz-button:hover{background-color:#059669;box-shadow:0 4px 10px #10b98133;transform:translateY(-2px)}.quiz-button:active{transform:translateY(0)}
/*# sourceMappingURL=main.017630ba.css.map*/