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}body{background-color:#f4f4f4;font-family:Poppins,sans-serif;margin:0;padding:0;text-align:center}h2{color:#ff9800}p{color:#333;font-size:18px}.video-background{height:100vh;left:0;object-fit:cover;position:fixed;top:0;width:100vw;z-index:-2}.auth-wrapper,.quiz-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.audio-challenge-container{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0003;margin:20px auto;max-width:600px;padding:20px}.question-box{margin:20px 0}.audio-icon{margin-top:20px;width:100px}.ptag{color:#fff;font-size:18px;font-weight:700;margin-bottom:10px}.options{align-items:flex-start;display:flex;flex-direction:column;margin-top:15px}.option{align-items:center;display:flex;gap:10px;margin:5px 0}.option-button{background:#ff9800;border:none;border-radius:8px;color:#fff;display:block;font-size:16px;margin:10px auto;padding:12px;transition:background .3s;width:80%}.option-button:hover{background:#e65100}.next-button{background:#4caf50;color:#fff;font-weight:700}.play-button{background:#673ab7}.play-button:hover{background:#4527a0}.submit-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 15px}.submit-btn:hover{background-color:#0056b3}.nextbtn{background-color:#fc0;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:18px;padding:10px 20px;transition:background .3s ease}.nextbtn:hover{background-color:#e6b800}.submitbtn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px;transition:background .3s ease}.submitbtn:hover{background:#c0392b}.error,.error-message{color:red;font-size:14px;margin-top:10px}.marks-info{color:red;font-size:14px;margin-top:5px}.scoredisplay{color:#fff;font-size:20px;font-weight:700;margin-top:15px}@media (max-width:768px){nav{flex-direction:column;gap:10px;padding:10px}.audio-challenge-container{padding:15px;width:90%}button{font-size:14px;width:100%}}
/*# sourceMappingURL=main.90bf4493.css.map*/