.qna-container{background:#f8f9fa;min-height:100vh;padding-top:3rem;padding-bottom:3rem}.qna-title{color:#3D5A80;font-size:2.5rem;font-weight:700}.qna-subtitle,.qna-title{font-family:Poppins,sans-serif}.qna-subtitle{color:#666;font-size:1.1rem}.classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;max-width:900px;margin:0 auto;justify-items:center}.class-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.class-name{color:#3D5A80;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;border-bottom:3px solid transparent;transition:all .3s ease;cursor:pointer;display:inline-block}.class-link:hover .class-name{color:#3D5A80;border-bottom-color:#3D5A80}.questions-list{display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto}.question-link{text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e0e0e0;transition:all .3s ease}.question-link:hover{padding-left:.5rem}.question-link:hover .question-title{color:#3D5A80}.question-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#3D5A80;color:white;font-weight:700;border-radius:50%;font-size:.9rem;flex-shrink:0}.question-title{color:#3D5A80;font-size:1rem;font-weight:500;margin:0;flex:1 1;transition:color .3s ease;line-height:1.4}.question-preview{display:none}.question-type{display:inline-block;background:#F48C06;color:white;font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:15px;text-transform:uppercase;letter-spacing:.5px;margin-left:1rem;white-space:nowrap}.pagination-wrapper{margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.pagination{display:flex;gap:.5rem}.page-item{list-style:none}.page-link{color:#3D5A80;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease;font-weight:500;cursor:pointer;display:block;text-align:center;min-width:40px}.page-link:hover{background-color:#F48C06;color:white;border-color:#F48C06}.page-item.active .page-link{cursor:default}.page-item.active .page-link,.page-item.active .page-link:hover{background-color:#3D5A80;border-color:#3D5A80;color:white}@media (max-width:1200px){.class-card{padding:1.75rem 1.25rem}.class-card-title{font-size:1.35rem}}@media (max-width:768px){.qna-title{font-size:2rem}.qna-subtitle{font-size:1rem}.classes-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.class-name{font-size:1rem;padding:.6rem 1.2rem}.questions-list{gap:.75rem;padding:0 .5rem}.question-link{padding:.7rem 0;gap:.8rem}.question-number{min-width:30px;height:30px;font-size:.85rem}.question-title{font-size:.98rem}}@media (max-width:576px){.qna-container{padding-top:1.5rem;padding-bottom:1.5rem}.qna-title{font-size:1.75rem}.qna-subtitle{font-size:.95rem}.classes-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.class-name{font-size:.9rem;padding:.5rem 1rem}.questions-list{gap:.5rem;padding:0 1rem}.question-link{padding:.6rem 0;gap:.75rem;flex-wrap:wrap}.question-number{min-width:28px;height:28px;font-size:.8rem}.question-title{font-size:.95rem;order:2;flex-basis:calc(100% - 40px)}.question-type{margin-left:auto;order:3}}.btn-outline-primary{padding:.5rem 1rem;font-size:.9rem}.pagination{gap:.25rem;flex-wrap:wrap}.page-link{padding:.4rem .6rem;min-width:36px;font-size:.9rem}.pagination-wrapper{margin-top:1.5rem;padding-top:1.5rem}.btn-outline-primary{color:#3D5A80;border-color:#3D5A80;border-radius:25px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-outline-primary:hover{background-color:#3D5A80;border-color:#3D5A80;color:white}