.topic-cards-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.topic-cards-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.topic-cards-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.topic-cards-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.topic-cards-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.topic-card{background:#fff;border:1px solid #e8ecf1;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-decoration:none;transition:box-shadow .25s,transform .25s,border-color .25s}.topic-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.topic-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.topic-card-icon{align-items:center;background:var(--accent-bg);border-radius:10px;display:flex;height:44px;justify-content:center;transition:background .25s;width:44px}.topic-card:hover .topic-card-icon{background:color-mix(in srgb,var(--accent) 20%,transparent)}.topic-card-icon i{color:var(--accent);font-size:22px}.topic-card-arrow{color:#d1d9e6;font-size:18px;transition:color .25s,transform .25s}.topic-card:hover .topic-card-arrow{color:var(--accent);transform:translateX(3px)}.topic-card-text{color:#30405b;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.4;margin:0}@media (max-width:1024px){.topic-cards-grid[data-cols="4"],.topic-cards-grid[data-cols="5"]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.topic-cards-grid[data-cols="3"],.topic-cards-grid[data-cols="4"],.topic-cards-grid[data-cols="5"]{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.topic-cards-grid[data-cols="2"],.topic-cards-grid[data-cols="3"],.topic-cards-grid[data-cols="4"],.topic-cards-grid[data-cols="5"]{grid-template-columns:1fr}}