body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;color:#333;font-family:Poppins,-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}*{box-sizing:border-box}.container{background:linear-gradient(135deg,#f5f7fa,#e4edf5);flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.app-header,.container{align-items:center;display:flex}.app-header{background-color:#fff;box-shadow:0 2px 10px #0000000d;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:10}.app-title{color:#4a5568;font-size:1.5rem;font-weight:700;margin:0}.card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:1.5rem;max-width:500px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.card-title{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;text-align:center}.card-subtitle{color:#4a5568;font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-top:0}.form-group{margin-bottom:1.2rem}.form-label{color:#4a5568;display:block;font-weight:500;margin-bottom:.5rem}input,select,textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.btn{background-color:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin:.5rem .5rem .5rem 0;padding:.75rem 1.5rem;text-align:center;transition:background-color .2s ease,transform .1s ease}.btn:hover{background-color:#3182ce;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-secondary{background-color:#a0aec0}.btn-secondary:hover{background-color:#718096}.btn-danger{background-color:#f56565}.btn-danger:hover{background-color:#e53e3e}.btn-success{background-color:#48bb78}.btn-success:hover{background-color:#38a169}.btn-link{border:none;color:#4299e1;cursor:pointer;font-size:1rem;margin:0;padding:0}.btn-link,.btn-link:hover{background:none;text-decoration:underline}.btn-link:hover{color:#3182ce;transform:none}.btn-block{display:block;width:100%}.question-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;max-width:500px;padding:1.5rem;width:100%}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-number{color:#4a5568;font-weight:700}.options-list{list-style:none;margin:1.5rem 0;padding:0}.option-item{margin-bottom:.75rem}.option-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:block;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.option-btn:hover{background-color:#ebf8ff;border-color:#4299e1}.option-btn.selected{background-color:#4299e1;border-color:#3182ce;color:#fff}.timer{background-color:#4a5568;border-radius:20px;color:#fff;display:inline-block;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.timer.warning{background-color:#ed8936}.timer.danger{background-color:#f56565}.scoreboard{max-width:600px;width:100%}.scoreboard-list{list-style:none;padding:0}.scoreboard-item{align-items:center;background-color:#f8fafc;border-left:4px solid #4299e1;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.scoreboard-item:first-child{background-color:#fefcbf;border-left-color:#ecc94b}.scoreboard-item:nth-child(2){background-color:#e9e9e9;border-left-color:#a0aec0}.scoreboard-item:nth-child(3){background-color:#feebc8;border-left-color:#ed8936}.scoreboard-rank{color:#4a5568;font-weight:700;margin-right:1rem}.scoreboard-user{flex-grow:1}.scoreboard-score{color:#4299e1;font-weight:700}.text-center{text-align:center}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.w-full{width:100%}@media (max-width:768px){.container{padding:1rem}.card{padding:1.5rem}.btn{padding:.6rem 1.2rem}}
/*# sourceMappingURL=main.c41798f8.css.map*/