.topics-header{background:var(--primary-color);color:#fff;padding:0 20px 40px;text-align:center;position:relative;overflow:hidden;animation:gradientWave 15s infinite linear;margin-top:65px}.topics-header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);opacity:.5}.topics-header-content{max-width:800px;margin:0 auto;animation:slideInFromTop .8s ease-out}.topics-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,0.2);opacity:.9}.topics-header p{font-size:1.1em;margin-bottom:20px;opacity:.9}.topics-header .search-bar{max-width:800px;margin:0 auto}.topics-header .search-bar input{border-radius:5px;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.topics-header .search-bar button{border-radius:5px;background-color:#fff;color:var(--primary-color);right:1px;transition:background-color .3s ease}.topics-header .search-bar button:hover{background-color:var(--primary-color);color:#fff}.breadcrumb{margin:20px auto}.topics-container{max-width:1100px;margin:20px auto}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px;padding:0}.topic-card{background:linear-gradient(145deg,#fff,#e6effb);border-radius:var(--border-radius);box-shadow:0 6px 15px rgba(0,0,0,0.08);padding:10px;display:flex;align-items:center;gap:15px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;position:relative;overflow:hidden;opacity:0;animation:fadeInScale .6s ease forwards;animation-delay:calc(var(--index) * .1s)}.topic-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#e0ecfcc9,transparent);transition:transform .3s ease;transform:translateX(-100%)}.topic-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);background:linear-gradient(145deg,#fff,#e0ecfc)}.topic-card:hover::before{transform:translateX(100%)}.topic-image{border-radius:var(--border-radius);width:90px;height:auto;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform .3s ease;object-fit:cover;filter:hue-rotate(25deg) saturate(0.8) contrast(1.05)}.topic-card:hover .topic-image{transform:scale(1.1)}.topic-details{flex:1}.topic-details h3{margin:0;font-size:1.3em;color:var(--dark-text);transition:color .3s ease}.topic-details a:hover h3{color:var(--primary-color)}.topic-details p{margin:5px 0 0;color:var(--light-text);font-size:.9em}.topic-details .dataset-count{margin-top:8px;font-size:.95em;color:var(--dark-text)}.topic-details .dataset-count strong{color:var(--primary-color)}.topic-details .dataset-preview{margin-top:10px;font-size:.85em;color:#666;font-style:italic}@keyframes gradientWave{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.breadcrumb{margin:20px 10px 20px 10px}.topics-container{margin:20px 10px 20px 10px}.topics-header{padding:20px 15px 30px;margin-top:0}.topics-header h1{font-size:2em}.topics-header p{font-size:1em}.topics-grid{grid-template-columns:1fr;gap:15px}.topic-card{padding:15px}.topic-image{width:50px;height:50px}.topic-details h3{font-size:1.2em}.topic-details p{font-size:.85em}.topic-details .dataset-count{font-size:.9em}.topic-details .dataset-preview{font-size:.8em}}