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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#f0f2f5;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.login-container img{height:auto;width:12rem}.login-box{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:15px;max-width:350px;padding:40px;width:100%}.login-title{color:#002fd1;font-family:Georgia,serif;font-size:2rem;margin-bottom:20px;text-align:center}.login-form{display:flex;flex-direction:column;gap:15px}.login-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;outline:none;padding:12px}.login-input:focus{border-color:#6c63ff}.login-button{background-color:#6c63ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s}.login-button:hover{background-color:#554bcb}.login-error{color:red;font-size:.875rem;margin-top:10px;text-align:center}@media (max-width:768px){.login-box{max-width:90%;padding:30px}.login-title{font-size:1.75rem}.login-input{font-size:.95rem;padding:10px}.login-button{font-size:1rem;padding:10px}}@media (max-width:480px){.login-box{max-width:100%;padding:20px}.login-title{font-size:1.5rem}.login-input{font-size:.9rem;padding:8px}.login-button{font-size:.9rem;padding:10px}}.home-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1000px;padding:20px;position:relative;transition:all .3s ease-in-out}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4caf50;border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.logout-btn{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;left:20px;padding:10px 15px;position:absolute;top:20px;transition:background-color .3s ease}.logout-btn:hover{background-color:#c82333}.player-wrapper{background:#000;height:400px;width:100%}.banner img{border-radius:10px;margin-bottom:20px;max-height:20rem;object-fit:contain;width:100%}.logout{margin-bottom:50px}.text{font-size:23px}.text,.text1{color:#1e90ff;font-weight:700;margin-bottom:10px;text-align:start}.text1{font-size:24px;justify-content:center;text-align:center}.reaction,.social-main{align-items:center;display:flex}.reaction{flex-direction:row;gap:10px;margin-top:0}.social-actions{align-items:center;gap:10px}.social-actions .comment-count,.social-actions .like{align-items:center;cursor:pointer;display:flex;font-size:18px}.small-image{height:auto;position:absolute;right:8rem;top:60rem;width:6rem}.video-container{margin-bottom:4rem}.ixl{color:#2360ff;font-size:18px;font-weight:700;position:absolute;right:8.2rem;top:61rem}.image-container{align-items:center;display:flex;gap:10px;position:absolute}.department{color:#ccc;font-size:10px}.msg{font-size:14px}.comments{margin-top:20px}.name{font-size:14px}.comments .write{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.comments .write img{border-radius:50%;height:50px;margin-right:10px;width:50px}.comments .write input{border:1px solid #ddd;border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.comments .write button{background-color:#1e90ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.comments .comment{background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.comments .comment img{border-radius:50%;height:40px;margin-right:10px;width:40px}.comments .comment .info{flex-grow:1}.comments .comment .info span{display:block;font-weight:700}.comments .comment p{margin:5px 0}.comments .comment .date{color:#888;font-size:12px}@media (max-width:768px){.social-main{align-items:flex-start;flex-direction:column}.player-wrapper{background:#000;height:300px;width:100%}.small-image{height:auto;left:16.5rem;width:6rem}.ixl,.small-image{position:absolute;top:34rem}.ixl{color:#2360ff;font-size:18px;font-weight:700;left:18.9rem}.image-container{flex-direction:row;margin-top:10px}.social-actions{margin-bottom:10px}.logout-btn{padding:12px 15px}.comments .write input,.logout-btn{font-size:14px}.comments .write button{font-size:14px;padding:8px 15px}.small-image{width:50px}}@media (max-width:700px){.small-image{left:28rem;top:48.7rem;width:6rem}.player-wrapper{background:#000;height:300px;width:100%}.ixl{left:32.1rem;top:48.5rem}}@media (max-width:420px){.small-image{left:18rem;top:34.7rem;width:6rem}.ixl{left:22.1rem;top:35.5rem}}@media (max-width:382px){.small-image{left:15.5rem;top:31.5rem;width:6rem}.ixl{left:19.5rem;top:32.5rem}.comments .write button{margin-right:15px;padding:5px}}.participation-form-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #00000026;margin:80px auto;max-width:400px;padding:25px 30px;text-align:center}.form-title{color:#1e90ff;font-size:24px;margin-bottom:20px}.participation-form label{color:#333;display:block;font-weight:500;margin-bottom:15px;text-align:left}.participation-form input{border:1px solid #ccc;border-radius:6px;margin-top:5px;padding:10px;width:100%}.participation-form button{background-color:#1e90ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}.participation-form button:hover{background-color:#187bcd}.quiz-container{background-color:#f0f4f8;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.quiz-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}.timer{font-size:1.5rem;margin-bottom:2rem;text-align:center}.question{margin-bottom:1.5rem}.option-label{display:block;font-size:1.2rem;margin-bottom:.5rem}.error-message{color:red;font-size:16px;margin-top:10px}.submit-quiz-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1.2rem;margin-top:20px;padding:10px 0;transition:background-color .3s ease;width:100%}.submit-quiz-button:hover{background-color:#218838}@media (max-width:768px){.quiz-title{font-size:2rem}.option-label{font-size:1rem}}.result-container{align-items:center;background-color:#f0f4f8;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:1.7rem;text-align:center}@media (max-width:768px){h1{font-size:2rem}p{font-size:1rem}}
/*# sourceMappingURL=main.78e710dd.css.map*/