.home-main{flex:1;min-height:0;padding:0;overflow:hidden auto}.cards-container{gap:var(--space-s);padding:var(--space-xs) var(--space-s) var(--space-m);grid-template-columns:repeat(3,1fr);margin:0;list-style:none;display:grid}@media (max-width:768px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cards-container{grid-template-columns:1fr}}.card{cursor:pointer;border:1px solid var(--border-primary);border-radius:var(--radius);background:var(--bg-primary);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card>a{color:inherit;border-radius:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.home-body figure{aspect-ratio:4/3;background:var(--bg-tertiary);border-radius:7px 7px 0 0;width:100%;margin:0;position:relative;overflow:hidden}.home-body figure img,.home-body figure video{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.card:hover figure img,.card:hover figure video{transform:scale(1.02)}.card__media--placeholder{background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-active));width:100%;height:100%;color:var(--text-tertiary);font-size:var(--step-3);justify-content:center;align-items:center;display:flex}.card__media--gradient{aspect-ratio:4/3;width:100%;padding:var(--space-s);text-align:center;box-sizing:border-box;background:linear-gradient(#3c856c 0%,#33bf87 25%,#c05de1 75%,#9557b5 100%);border-radius:7px 7px 0 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.card__gradient-author{color:var(--accent-foreground);font-size:var(--step--2);opacity:.85;margin-bottom:.25rem;display:block}.card__gradient-title{color:var(--accent-foreground);font-size:var(--step--1);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.home-section-label{color:var(--text-primary);font-style:normal;font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-s) var(--space-s) var(--space-xs);border-bottom:1px solid var(--border-primary);background:0 0;margin:0;font-weight:600}.home-body li>a>p{padding:var(--space-2xs) var(--space-xs) var(--space-xs);font-size:var(--step--1);color:var(--text-primary);border-top:1px solid var(--border-primary);margin:0;font-weight:400;line-height:1.35}.cards-empty{padding:var(--space-l);color:var(--text-tertiary);font-size:var(--step--1);list-style:none}.filter-info{background:var(--accent-muted);color:var(--accent-secondary);padding:var(--space-3xs) var(--space-s);font-size:var(--step--1);align-items:center;gap:var(--space-s);flex-shrink:0;display:flex}.clear-filter{color:var(--accent-secondary);padding:var(--space-3xs) var(--space-2xs);background:var(--accent-muted);border-radius:var(--radius);font-size:var(--step--1);text-decoration:none}.clear-filter:hover{background:var(--accent-secondary);color:var(--accent-foreground)}.pagination-wrap{border-top:1px solid var(--border-secondary);background:var(--bg-primary);flex-shrink:0}.pagination-wrap ul{justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-s);margin:0;list-style:none;display:flex}.pagination-btn{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-2xs);border:1px solid var(--border-secondary);border-radius:var(--radius);color:var(--text-primary);font-size:var(--step--1);justify-content:center;align-items:center;font-weight:400;text-decoration:none;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(.disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pagination-info{font-size:var(--step--1);color:var(--text-secondary);padding:0 var(--space-2xs)}.page-current{color:var(--text-primary);font-weight:600}@media (prefers-reduced-motion:reduce){.home-body figure img,.home-body figure video{transition:none}.card:hover figure img,.card:hover figure video{transform:none}.card__media--gradient,.card{transition:none}.card:hover{transform:none}}