:root{--card-border-radius:10px;--button-border-radius:12px;--box-shadow:0 2px 10px rgba(0,0,0,.05);--hover-shadow:0 5px 15px rgba(0,0,0,.1);--hover-transition:all 0.3s ease;--card-height:auto;--card-width:100%}.card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.card-link,.modern-card{border-radius:var(--card-border-radius);height:100%;width:100%}.modern-card{background:var(--background);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--hover-transition);border:1px solid var(--border);display:flex;flex-direction:column}.modern-card:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.modern-card:hover .card-button{opacity:1;transform:translateY(0)}.modern-card:hover .card-image{transform:scale(1.05)}.modern-card .card-image-wrapper{position:relative;height:160px;overflow:hidden;flex-shrink:0}.modern-card .card-image-wrapper .card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.modern-card .card-image-wrapper .badge{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:3px;font-size:12px;font-weight:600;background:hsla(0,0%,100%,.9);box-shadow:0 2px 10px rgba(0,0,0,.1)}.modern-card .card-image-wrapper .badge.completion-badge{background:var(--accent-2);color:var(--text)}.modern-card .card-image-wrapper .badge.participants-badge{background:var(--primary);color:#fff}.modern-card .card-image-wrapper .badge.new-badge{background:var(--secondary);color:var(--text)}.modern-card .card-image-wrapper .badge.private-badge{background-color:var(--primary);color:#fff}.modern-card .card-content{padding:15px;display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;justify-content:space-between}.modern-card .card-content .card-category{font-size:.875rem;font-weight:600;color:var(--text-light);background:var(--accent-1);padding:.3rem .8rem;border-radius:20px;margin-bottom:.75rem;display:inline-block}.modern-card .card-content .card-title{font-size:18px;font-weight:700;margin:0 0 10px;color:var(--primary);width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.modern-card .card-content .card-title .private-indicator{font-size:14px;color:#666;font-weight:400;font-style:italic}.modern-card .card-content .card-description{font-size:14px;color:#666;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:42px}.modern-card .card-content .card-meta{display:flex;justify-content:space-between;font-size:14px;color:#666;width:100%;margin-bottom:15px}.modern-card .card-content .card-button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:var(--button-border-radius);transition:var(--hover-transition);font-weight:600;opacity:.9;transform:translateY(5px);align-self:flex-start;margin-top:auto;border:none;cursor:pointer}.modern-card .card-content .card-button:hover{background:var(--primary-light)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.quiz-grid>*{height:100%}