.topics-section{padding:48px 0 80px}.topics-section-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.8px;color:var(--color-text-muted);margin-bottom:24px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.topic-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;text-decoration:none;color:inherit;transition:transform 0.2s ease,box-shadow 0.2s ease}.topic-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;text-decoration:none;color:inherit}.topic-cover{height:160px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden}.topic-cover::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0.04) 0px,rgba(255,255,255,0.04) 1px,transparent 1px,transparent 18px)}.topic-cover-ai{background:linear-gradient(135deg,#312e81 0%,#4f46e5 100%)}.topic-cover-web3{background:linear-gradient(135deg,#0c4a6e 0%,#0e7490 100%)}.topic-cover-creator{background:linear-gradient(135deg,#831843 0%,#db2777 100%)}.topic-icon{position:relative;font-size:44px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.3))}.topic-tool-count{position:relative;background:rgba(255,255,255,0.2);backdrop-filter:blur(6px);color:white;font-size:12px;font-weight:600;padding:3px 12px;border-radius:100px;border:1px solid rgba(255,255,255,0.35);letter-spacing:0.3px}.topic-body{padding:24px 24px 16px;flex:1}.topic-body h2{font-size:20px;font-weight:700;letter-spacing:-0.2px;margin-bottom:8px;color:var(--color-text)}.topic-body p{font-size:14px;color:var(--color-text-muted);line-height:1.55;margin-bottom:16px}.topic-cats{display:flex;flex-wrap:wrap;gap:6px}.topic-cats span{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);padding:3px 10px;border-radius:100px}.topic-footer{padding:14px 24px;border-top:1px solid var(--color-border);font-size:14px;font-weight:600;color:var(--color-primary);display:flex;align-items:center;justify-content:flex-end;transition:color 0.15s}.topic-card:hover .topic-footer{color:var(--color-primary-dark)}@media (max-width:640px){.topics-grid{grid-template-columns:1fr;gap:20px}.topics-section{padding:32px 0 60px}}