body{background-color:#f8f9fa;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:padding .3s ease}.container{width:100%}main h1{font-size:1.8rem;margin-bottom:.25rem;transition:font-size .3s ease}.card-header{background-color:#f8f9fa;font-size:.9rem;font-weight:600}#question-timer-bar{transition:width 1s linear,background-color .5s ease}.card-title{font-size:1.15rem;line-height:1.4}.form-check-label{cursor:pointer;width:100%;padding:.25rem 0}.form-check:hover{background-color:#e9ecef;border-radius:.375rem}#result{font-weight:700;font-size:1.1rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;margin-top:1.25rem;text-align:center}#result.show{opacity:1;transform:translateY(0)}.alert.alert-info{background-color:#e6f4ff;border-color:#b8dfff;color:#0d6efd}.btn{transition:all .2s ease-in-out}.nav-tabs{border-bottom:2px solid #dee2e6}.nav-tabs .nav-link{color:#6c757d;font-weight:600;border:none;border-bottom:2px solid transparent;transition:all .2s ease-in-out}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#0d6efd;background-color:transparent;border-color:#0d6efd}.nav-tabs .nav-link:hover{border-color:#0d6efd;color:#0d6efd}.tab-content{padding-top:1.5rem}#quiz-container .list-group-item{padding:1rem 1.25rem}@media (min-width: 768px){body{align-items:center;padding:1.5rem}main h1{font-size:2.2rem}.card-title{font-size:1.25rem}#result{font-size:1.2rem}}@media (min-width: 1200px){html{font-size:17px}.container{max-width:960px}main h1{font-size:2.8rem}#result{font-size:1.4rem}}