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