.quiz-hero{background:linear-gradient(135deg,#041a2e,#00568a 60%,#007db8);color:#fff;padding:2.75rem 0 2.25rem;border-bottom:3px solid #00AEEF}.quiz-hero-title{font-size:2.1rem;font-weight:800;margin:0 0 .45rem;letter-spacing:-.5px}.quiz-hero-title i{color:#00aeef;margin-right:.4rem}.quiz-hero-sub{font-size:.95rem;color:#ffffffb3;margin:0}.quiz-count-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1.1rem;border-radius:30px;white-space:nowrap}.quiz-count-badge i{color:#00aeef;margin-right:.3rem}.quiz-list{display:flex;flex-direction:column;gap:1rem}.quiz-card{display:flex;background:#fff;border:1px solid var(--border, #dde3f0);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #1a3a6b12;transition:box-shadow .25s ease,transform .25s ease;min-height:150px}.quiz-card:hover{box-shadow:0 8px 28px #1a3a6b24;transform:translateY(-3px)}.quiz-card-accent{flex-shrink:0;width:140px;background:linear-gradient(160deg,#041a2e,#00568a 55%,#007db8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.25rem .75rem;position:relative;overflow:hidden;text-decoration:none}.quiz-card-accent:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,174,239,.18) 0%,transparent 65%)}.quiz-card-accent-icon{font-size:2.4rem;color:#ffffff38;transition:color .25s,transform .3s;position:relative}.quiz-card:hover .quiz-card-accent-icon{color:#fff6;transform:scale(1.1) rotate(-6deg)}.quiz-card-accent-count{position:relative;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.quiz-card-accent-count i{color:#00aeef}.quiz-card-badges{position:absolute;top:.55rem;left:.55rem;display:flex;flex-direction:column;gap:.25rem}.quiz-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.18rem .48rem;border-radius:20px;display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.quiz-badge-free{background:#00aeef40;color:#00aeef;border:1px solid rgba(0,174,239,.4)}.quiz-badge-paid{background:#ffc1072e;color:#c89b00;border:1px solid rgba(255,193,7,.35)}.quiz-badge-retake{background:#ffffff1f;color:#ffffffbf;border:1px solid rgba(255,255,255,.25)}.quiz-card-body{flex:1;display:flex;flex-direction:column;padding:1.15rem 1.3rem 1rem;min-width:0}.quiz-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.45rem}.quiz-card-title{font-size:1.1rem;font-weight:800;line-height:1.3;margin:0 0 .45rem;color:var(--text-dark, #1a1f36)}.quiz-card-title a{color:inherit;transition:color .2s}.quiz-card-title a:hover{color:#007db8}.quiz-card-desc{font-size:.84rem;color:var(--text-muted, #6b7a99);line-height:1.6;margin:0 0 .7rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-card-tags{display:flex;flex-wrap:wrap;gap:.28rem;margin-bottom:.7rem}.quiz-card-tag{font-size:.67rem;color:var(--text-muted, #6b7a99);background:var(--bg-light, #f4f6fb);border:1px solid var(--border, #dde3f0);padding:.12rem .48rem;border-radius:4px}.quiz-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px solid var(--border, #dde3f0);gap:.6rem;flex-wrap:wrap}.quiz-card-meta{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.72rem;color:var(--text-muted, #6b7a99)}.quiz-card-meta i{color:#00aeef;margin-right:.18rem}.quiz-card-meta .diff{display:inline-flex;align-items:center;gap:.3rem}.quiz-card-meta .diff-dot{width:7px;height:7px;border-radius:50%}.diff-easy .diff-dot{background:#28a745}.diff-medium .diff-dot{background:#fd7e14}.diff-hard .diff-dot{background:#dc3545}.quiz-card-cta{display:inline-flex;align-items:center;gap:.42rem;font-size:.82rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#00568a,#007db8);border-radius:8px;padding:.46rem 1.05rem;text-decoration:none;white-space:nowrap;transition:background .2s,transform .15s;flex-shrink:0}.quiz-card-cta:hover{background:linear-gradient(90deg,#00aeef,#0098d4);color:#fff;transform:translate(2px)}.quiz-card-cta i{transition:transform .2s}.quiz-card-cta:hover i{transform:translate(3px)}@media(max-width:575px){.quiz-card{flex-direction:column;min-height:auto}.quiz-card-accent{width:100%;height:90px;flex-direction:row;gap:1rem}.quiz-card-badges{flex-direction:row;top:.5rem;left:.5rem}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted, #6b7a99)}.empty-state i{font-size:3.5rem;display:block;margin-bottom:1rem;opacity:.4}