.hero{background:var(--fiz-yellow);padding:var(--space-2xl) var(--space-lg);text-align:center;position:relative;overflow:hidden}.hero-content{max-width:700px;margin:0 auto;position:relative;z-index:1}.hero-particles{position:absolute;inset:0;pointer-events:none}.hero-badge{display:inline-block;background:var(--fiz-black);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-md)}.hero h1{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--space-md)}.hero p{font-size:var(--font-size-lg);color:var(--fiz-gray)}.categories{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg);border-bottom:1px solid var(--fiz-gray-light)}.categories-scroll{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.categories-scroll::-webkit-scrollbar{display:none}.category-btn{flex-shrink:0;background:transparent;border:1px solid var(--fiz-gray-light);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--fiz-gray);cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none}.category-btn:hover{border-color:var(--fiz-black);color:var(--fiz-black)}.category-btn.active{background:var(--fiz-yellow);border-color:var(--fiz-yellow);color:var(--fiz-black)}.featured{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg)}.featured-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s}.featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.featured-image{position:relative;aspect-ratio:16/10;background:var(--fiz-gray-light)}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-label{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--fiz-lime);color:var(--fiz-black);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.featured-content{padding:var(--space-xl) var(--space-xl) var(--space-lg);display:flex;flex-direction:column;justify-content:center;min-height:100%}.featured-content h2{font-size:var(--font-size-xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-sm);letter-spacing:-.01em}.featured-content p{color:var(--fiz-gray);line-height:1.6;margin-bottom:var(--space-md)}.read-more{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:600;color:var(--fiz-black);transition:gap .2s}.featured-card:hover .read-more{gap:var(--space-sm)}.post-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.post-category{background:var(--fiz-yellow);color:var(--fiz-black);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.post-date{font-size:var(--font-size-sm);color:var(--fiz-gray)}.post-read-time{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--fiz-gray)}.post-read-time svg{opacity:.7}.posts-grid{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg) var(--space-xl);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.post-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-image{aspect-ratio:16/10;background:var(--fiz-gray-light);overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-image img{transform:scale(1.05)}.post-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--fiz-cream) 0%,var(--fiz-gray-light) 100%)}.post-content{padding:var(--space-md)}.post-content h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.3;margin-bottom:var(--space-xs)}.post-content p{font-size:var(--font-size-sm);color:var(--fiz-gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-posts{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--fiz-gray)}.pagination{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-2xl)}.pagination-content{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.625rem 1rem;background:#fff;border:1px solid var(--fiz-gray-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--fiz-black);text-decoration:none;transition:all .2s}.pagination-btn:hover:not(.disabled){border-color:var(--fiz-black);background:var(--fiz-black);color:#fff}.pagination-btn.disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--space-xs)}.pagination-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid var(--fiz-gray-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--fiz-black);text-decoration:none;transition:all .2s}.pagination-num:hover{border-color:var(--fiz-black)}.pagination-num.active{background:var(--fiz-black);border-color:var(--fiz-black);color:#fff}.pagination-info{display:none;font-size:var(--font-size-sm);color:var(--fiz-gray)}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero h1{font-size:var(--font-size-2xl)}.featured-card,.posts-grid{grid-template-columns:1fr}.pagination-numbers{display:none}.pagination-info{display:block}}