.quiz-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px;padding:20px 0;min-height:200px}.quiz-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;border:1px solid var(--border-dark);height:100%;display:flex;flex-direction:column}.quiz-card-image{position:relative;height:180px;flex-shrink:0}.quiz-card-image img{width:100%;height:100%;object-fit:cover}.difficulty-badge{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:20px;color:white;font-size:.875rem}.beginner{background-color:#4caf50}.intermediate{background-color:#ff9800}.advanced{background-color:#f44336}.quiz-card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.quiz-title{font-size:1.25rem;font-weight:600;margin-bottom:8px;line-height:1.4}.quiz-description{color:#666;font-size:.875rem;margin-bottom:16px;flex-grow:1;line-height:1.5}.quiz-meta{display:flex;justify-content:space-between;color:#666;font-size:.875rem;margin-top:auto}.meta-item{display:flex;align-items:center;gap:6px}.quiz-cards-grid>a{height:100%;display:block}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tabs button{background-color:#ffffff;color:#000000;border:2px solid #130628;padding:10px 20px;margin:0 5px;cursor:pointer;border-radius:10px;transition:background-color .3s,color .3s}.tabs button.active,.tabs button:hover{background-color:#130628;color:#ffffff}.no-quizzes-message{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;font-size:1rem;color:#666;grid-column:1/-1}