*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fafafa;color:#373737;padding:4rem 0;text-align:center;border-bottom:1px solid #e9ecef}.header h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.header p{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.search-section{background:#e9ecef;padding:2rem 0}.search-form{display:flex;max-width:600px;margin:0 auto}.search-input{flex:1;padding:15px 20px;border:none;border-radius:8px 0 0 8px;font-size:16px;outline:0}.search-btn{padding:15px 30px;background:#16a961;color:#fff;border:none;border-radius:0 8px 8px 0;font-size:16px;cursor:pointer}.search-btn:hover{background:#128a4e}.categories{padding:4rem 0}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#333}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.category-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:all .3s ease;text-decoration:none;color:inherit;display:block}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,123,255,.15);color:inherit;text-decoration:none}.category-icon{font-size:3rem;margin-bottom:1rem;display:block}.category-title{color:#16a961;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.category-description{color:#666;margin-bottom:1.5rem;line-height:1.5}.category-meta{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:.9rem}.article-count{background:#16a961;color:#fff;padding:4px 12px;border-radius:20px;font-weight:500}.stats{background:#343a40;color:#fff;padding:3rem 0;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item h3{font-size:2.5rem;color:#16a961;margin-bottom:.5rem}.stat-item p{opacity:.8}.footer{background:#f8f9fa;padding:3rem 0;text-align:center;border-top:1px solid #e9ecef}.footer-links{margin-bottom:2rem}.footer-links a{color:#16a961;text-decoration:none;margin:0 1rem}.footer-links a:hover{text-decoration:underline}@media (max-width:768px){.header h1{font-size:2rem}.category-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.search-btn,.search-input{border-radius:8px;margin-bottom:10px}.container{padding:0 15px}}