:root{--primary:#1a73e8;--primary-hover:#1557b0;--surface:#ffffff;--background:#f8f9fa;--border:#dadce0;--text-primary:#202124;--text-secondary:#67717f;--text-tertiary:#80868b;--shadow-sm:0 1px 2px 0 rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);--shadow-md:0 1px 3px 0 rgba(60,64,67,0.3),0 4px 8px 3px rgba(60,64,67,0.15);--radius:8px}.container{max-width:1200px;margin:0 auto;padding:64px 24px}header{margin-bottom:64px}.subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;font-weight:400}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px;margin-bottom:24px;max-width:1200px}.quiz-grid a{text-decoration:none}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;font-family:DM_Sans,sans-serif}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary)}.card-image{width:100%;height:200px;object-fit:cover;display:block}.card-body{padding:24px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-title{font-size:18px;font-weight:500;color:var(--text-primary);margin:24px 0 8px;line-height:1.3;text-align:left}.card-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden}.card-meta{gap:16px;font-size:13px;color:var(--text-tertiary)}.card-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:6px}.meta-item:before{content:"";width:4px;height:4px;background:var(--text-tertiary);border-radius:50%}.meta-item:first-child:before{display:none}@media (max-width:768px){.container{padding:32px 16px}h1{font-size:32px}.subtitle{font-size:16px}.quiz-grid{grid-template-columns:1fr;gap:16px}.card-body{padding:20px}}