.quiz-card{background:var(--bg-primary);border:1px solid var(--bg-border);border-radius:var(--radius-2xl);color:inherit;box-shadow:var(--shadow-card);transition:transform .3s var(--ease-out-quart), box-shadow .3s var(--ease-out-quart), border-color .3s var(--ease-out-quart);cursor:pointer;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.quiz-card:hover{box-shadow:var(--shadow-elevated), var(--glow-primary);border-color:var(--primary-line);transform:translateY(-3px)}.quiz-card__cover{aspect-ratio:16/10;flex-shrink:0;position:relative;overflow:hidden}.quiz-card__cover-img{object-fit:cover;mix-blend-mode:normal;width:100%;height:100%;transition:transform .6s var(--ease-out-quart);display:block;position:absolute;inset:0}.quiz-card:hover .quiz-card__cover-img{transform:scale(1.04)}.quiz-card__cover-highlight{pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffff1f 0%,#0000 65%);background:radial-gradient(circle,lab(100% 0 0/.12) 0%,#0000 65%);width:60%;height:60%;position:absolute;top:-30%;left:-10%}.quiz-card__cover-badge{top:var(--space-075);right:var(--space-075);z-index:2;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--fg-on-dark);-webkit-backdrop-filter:blur(8px);padding:3px var(--space-075);border-radius:var(--radius-full);background:#000004a6;background:lab(.0550842% .780821 -2.07864/.65);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);font-weight:700;line-height:1.5;position:absolute}.quiz-card__body{padding:var(--space-15);gap:var(--space-075);flex-direction:column;flex:1;display:flex}.quiz-card__badges{gap:var(--space-05);flex-wrap:wrap;display:flex}.quiz-card__badge{font-size:var(--text-xs);padding:2px var(--space-075);border-radius:var(--radius-full);white-space:nowrap;font-weight:700;line-height:1.5}.quiz-card__badge--primary{color:var(--primary-default);background:var(--primary-quiet);border:1px solid var(--primary-line)}.quiz-card__badge--cyan{color:var(--cyan-10);background:var(--cyan-quiet);border:1px solid var(--cyan-line)}.quiz-card__badge--amber{color:var(--amber-10);background:var(--amber-quiet);border:1px solid var(--amber-line)}.quiz-card__badge--lime{color:var(--lime-10);background:var(--lime-quiet);border:1px solid var(--lime-line)}.quiz-card__badge--purple{color:var(--purple-10);background:var(--purple-quiet);border:1px solid var(--purple-line)}.quiz-card__badge--grade{color:var(--fg-tertiary);background:var(--bg-interactive);border:1px solid var(--bg-border)}.quiz-card__title{font-size:var(--text-lg);color:var(--fg-primary);font-weight:700;line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.quiz-card__description{font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.quiz-card__meta{align-items:center;gap:var(--space-05);padding-top:var(--space-025);flex-wrap:wrap;margin-top:auto;display:flex}.quiz-card__meta-item{font-size:var(--text-xs);color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.quiz-card__meta-sep{color:var(--bg-border-strong);font-size:var(--text-xs);line-height:1}.quiz-card__rating{color:var(--amber-10);font-weight:600}.quiz-card__author{font-size:var(--text-xs);color:var(--fg-quaternary)}.quiz-card__featured-cta{align-items:center;gap:var(--space-05);font-size:var(--text-sm);color:var(--primary-default);margin-top:var(--space-05);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);font-weight:700;display:inline-flex;transform:translate(-4px)}.quiz-card:hover .quiz-card__featured-cta{opacity:1;transform:translate(0)}@media (min-width:1024px){.quiz-card--featured{flex-direction:row}.quiz-card--featured .quiz-card__cover{width:45%;aspect-ratio:unset;flex-shrink:0;min-height:260px}.quiz-card--featured .quiz-card__body{padding:var(--space-2) var(--space-2)}.quiz-card--featured .quiz-card__title{font-size:var(--text-2xl);-webkit-line-clamp:3}}
.search-bar{flex:1;min-width:240px;max-width:520px;position:relative}.search-bar__icon{left:var(--space-1);color:var(--fg-tertiary);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{width:100%;padding:var(--space-075) var(--space-15);font-size:var(--text-base);font-family:var(--font-family);color:var(--fg-primary);background:var(--bg-interactive);border:1px solid var(--bg-border);border-radius:var(--radius-l);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance:none;outline:none;padding-left:40px}.search-bar__input::placeholder{color:var(--fg-quaternary)}.search-bar__input:hover{border-color:var(--bg-border-strong)}.search-bar__input:focus{border-color:var(--primary-default);box-shadow:var(--ring-focus)}.search-bar__input:focus+.search-bar__icon,.search-bar:focus-within .search-bar__icon{color:var(--primary-default)}.search-bar__clear{right:var(--space-05);border-radius:var(--radius-m);width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-bar__clear:hover{color:var(--fg-primary);background:var(--bg-raised)}