.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);color:inherit}.card,.card:hover{text-decoration:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card__image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:var(--gray-100)}.card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.card:hover .card__image{transform:scale(1.05)}.card__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1 1}.card__badge{display:inline-flex;padding:var(--space-1) var(--space-2);background:var(--primary-100);color:var(--primary-700);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);width:-moz-fit-content;width:fit-content}.card__badge--accent{background:var(--accent-500);color:#fff}.card__title{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);line-height:var(--leading-tight)}.card__description,.card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__description{font-size:var(--text-sm);color:var(--gray-600);margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.hero{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;padding:var(--space-12) var(--space-4);text-align:center}.hero__inner{max-width:var(--container-lg);margin:0 auto}.hero__title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:#fff}.hero__subtitle{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.hero__search{display:flex;max-width:500px;margin:0 auto;background:#fff;border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-xl)}.hero__search-input{flex:1 1;padding:var(--space-4) var(--space-6);border:none;font-size:var(--text-base);outline:none}.hero__search-btn{padding:var(--space-4) var(--space-6);background:var(--primary-600);color:#fff;font-weight:600}.hero__search-btn:hover{background:var(--primary-700)}.section{padding:var(--space-10) var(--space-4)}.section__inner{max-width:var(--container-xl);margin:0 auto}.section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.section__title{font-size:var(--text-2xl);font-weight:700}.section__link{font-size:var(--text-sm);font-weight:500;color:var(--primary-600)}.category-pills{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-4);scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{padding:var(--space-3) var(--space-5);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--gray-700);white-space:nowrap;text-decoration:none;transition:all var(--transition-fast)}.category-pill:hover{border-color:var(--primary-300);color:var(--primary-600);text-decoration:none}.category-pill--active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}