.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:30px}.quiz-card{background:var(--color-surface-0);border-radius:8px;border:1px solid var(--color-border);transition:box-shadow .2s ease,border-color .2s ease}.quiz-card:hover{box-shadow:0 4px 12px #00000014;border-color:#3498db}.quiz-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.quiz-card__image{width:100%;overflow:hidden;border-radius:8px 8px 0 0}.quiz-card__img{width:100%;height:auto;display:block;object-fit:cover}.quiz-card__content{padding:20px}.quiz-card__arrow{display:none}.quiz-card__link:not(:has(.quiz-card__image)){flex-direction:row;align-items:center;padding:20px;gap:16px}.quiz-card__link:not(:has(.quiz-card__image)) .quiz-card__arrow{display:block}.quiz-card__content{flex:1}.quiz-card__title{font-size:17px;font-weight:600;margin:0 0 6px;color:var(--color-brand);line-height:1.3}.quiz-card__description{font-size:14px;color:var(--color-text-muted);margin:0 0 10px;line-height:1.4}.quiz-card__meta{display:flex;gap:16px;font-size:13px;color:var(--color-text-subtle)}.quiz-card__questions,.quiz-card__completions{display:flex;align-items:center;gap:4px}.quiz-card__arrow{flex-shrink:0;color:var(--color-border-strong);transition:color .2s ease}.quiz-card:hover .quiz-card__arrow{color:#3498db}.quiz-empty{text-align:center;padding:60px 20px;color:var(--color-text-subtle);font-size:16px}.quiz-wrapper{max-width:700px;margin:0 auto}.quiz-screen{animation:quizFadeIn .3s ease}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-start__card{background:linear-gradient(135deg,var(--color-surface-1) 0%,#eef2f7 100%);border:1px solid var(--color-border);border-radius:12px;padding:32px;text-align:center}.quiz-start__description{font-size:16px;color:var(--color-text-muted);line-height:1.6;margin-bottom:24px}.quiz-start__info{display:flex;gap:24px;margin-bottom:28px;flex-wrap:wrap;justify-content:center}.quiz-start__info-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-text-muted);background:var(--color-surface-0);padding:8px 16px;border-radius:20px;border:1px solid var(--color-border)}.quiz-start__info-item svg{color:#3498db}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease;text-decoration:none;font-family:inherit}.quiz-btn--start{background:#e74c3c;color:var(--color-surface-0);width:100%;padding:16px;font-size:17px}.quiz-btn--start:hover{background:#c0392b}.quiz-btn--next{background:#3498db;color:var(--color-surface-0);width:100%;padding:14px}.quiz-btn--next:hover:not(:disabled){background:#2980b9}.quiz-btn--next:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.7}.quiz-btn--retry{background:#3498db;color:var(--color-surface-0)}.quiz-btn--retry:hover{background:#2980b9}.quiz-btn--back{background:var(--color-border);color:var(--color-text)}.quiz-btn--back:hover{background:var(--color-border)}.quiz-progress{margin-bottom:24px}.quiz-progress__bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;margin-bottom:8px}.quiz-progress__fill{height:100%;width:100%;background:#3498db;border-radius:3px;transform:scaleX(var(--progress, 0));transform-origin:left;transition:transform .4s ease}.quiz-progress__text{font-size:13px;color:var(--color-text-subtle);text-align:right}.quiz-question{font-size:19px;font-weight:600;color:var(--color-brand);margin-bottom:20px;line-height:1.4}.quiz-answers{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.quiz-answer{display:block;width:100%;padding:14px 18px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface-0);font-size:15px;color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease;font-family:inherit;line-height:1.4}.quiz-answer:hover:not(.quiz-answer--selected):not(.quiz-answer--correct):not(.quiz-answer--wrong){border-color:#3498db;background:#f0f7ff}.quiz-answer--selected{border-color:#3498db;background:#e8f4fd}.quiz-answer--correct{border-color:#27ae60;background:#e8f8ef;color:#1e7e34}.quiz-answer--wrong{border-color:#e74c3c;background:#fdf0ef;color:#c0392b}.quiz-answer--disabled{cursor:default}.quiz-nav{display:flex;justify-content:flex-end}.quiz-result__score{text-align:center;margin-bottom:16px}.quiz-result__percentage{font-size:52px;font-weight:700;color:var(--color-brand);line-height:1}.quiz-result__count{font-size:16px;color:var(--color-text-subtle);margin-top:6px}.quiz-result__bar-wrapper{height:10px;background:var(--color-border);border-radius:5px;overflow:hidden;margin-bottom:24px}.quiz-result__bar{height:100%;width:100%;border-radius:5px;transform:scaleX(var(--progress, 0));transform-origin:left;transition:transform 1s ease}.quiz-result__text{font-size:17px;color:var(--color-text);text-align:center;line-height:1.5;margin-bottom:30px;padding:16px 20px;background:var(--color-surface-1);border-radius:8px}.quiz-result__details{margin-bottom:30px}.quiz-result__detail{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:14px}.quiz-result__detail:last-child{border-bottom:none}.quiz-result__detail-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-surface-0);margin-top:1px}.quiz-result__detail-icon--correct{background:#27ae60}.quiz-result__detail-icon--wrong{background:#e74c3c}.quiz-result__detail-text{flex:1;color:var(--color-text-muted);line-height:1.4}.quiz-result__actions{display:flex;gap:12px;justify-content:center}.quiz-screen--loading{text-align:center;padding:60px 20px;color:var(--color-text-subtle);font-size:16px}@media(max-width:768px){.quizzes-grid{grid-template-columns:1fr}.quiz-question{font-size:17px}.quiz-result__percentage{font-size:42px}.quiz-result__actions{flex-direction:column}.quiz-btn--retry,.quiz-btn--back{width:100%}.quiz-start__info{flex-direction:column;gap:8px}}