body{ font-family:Arial,sans-serif; display:flex; flex-direction:column; min-height:100vh; background-color:#fff}.navbar{ background-color:#fff; border-bottom:1px solid #e4e4e4; padding:15px 0}.navbar-container{ width:100%; max-width:1200px;  padding:0 20px; display:flex; align-items:center; justify-content:start}.navbar-brand{ font-size:1.5rem; font-weight:bold; color:#25D366; text-decoration:none; display:flex; align-items:center}.navbar-brand:hover{ color:#20bd5a}.navbar-search{ flex-grow:1; max-width:500px; margin:0 30px; position:relative}.navbar-search-input{ width:100%; padding:8px 40px 8px 15px; border:1px solid #dfe1e5; border-radius:24px; font-size:14px; outline:none}.navbar-search-input:focus{ box-shadow:0 1px 6px rgba(32,33,36,.28); border-color:transparent}.navbar-search-icon{ position:absolute; right:15px; top:50%; transform:translateY(-50%); color:#5f6368; cursor:pointer}.content-wrapper{ flex:1; max-width:1200px; margin:0 auto; padding:40px 20px; width:100%}.page-header{ margin-bottom:40px}.page-title{ font-size:2.5rem; font-weight:300; color:#202124; margin-bottom:10px}.page-subtitle{ color:#5f6368; font-size:16px}.categories-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:24px; margin-top:30px}.category-card{ background:#fff; border:1px solid #e0e0e0; border-radius:12px; padding:24px; text-decoration:none; color:inherit; transition:all 0.3s ease; display:flex; flex-direction:column; align-items:center; text-align:center}.category-card:hover{ box-shadow:0 4px 12px rgba(0,0,0,.15); transform:translateY(-4px); border-color:#25D366}.category-icon{ width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:16px; color:white}.category-name{ font-size:1.1rem; font-weight:500; color:#202124; margin-bottom:8px}.category-count{ color:#5f6368; font-size:14px}.icon-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.icon-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.icon-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.icon-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.icon-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.icon-6{background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}.icon-7{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.icon-8{background:linear-gradient(135deg,#ff6e7f 0%,#bfe9ff 100%)}.icon-9{background:linear-gradient(135deg,#e0c3fc 0%,#8ec5fc 100%)}.icon-10{background:linear-gradient(135deg,#f77062 0%,#fe5196 100%)}.icon-11{background:linear-gradient(135deg,#c471f5 0%,#fa71cd 100%)}.icon-12{background:linear-gradient(135deg,#48c6ef 0%,#6f86d6 100%)}.icon-13{background:linear-gradient(135deg,#0ba360 0%,#3cba92 100%)}.icon-14{background:linear-gradient(135deg,#f2709c 0%,#ff9472 100%)}.icon-15{background:linear-gradient(135deg,#fddb92 0%,#d1fdff 100%)}.icon-16{background:linear-gradient(135deg,#89f7fe 0%,#66a6ff 100%)}.icon-17{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.icon-18{background:linear-gradient(135deg,#d299c2 0%,#fef9d7 100%)}.icon-19{background:linear-gradient(135deg,#fccb90 0%,#d57eeb 100%)}.icon-20{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.icon-21{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.icon-22{background:linear-gradient(135deg,#fbc2eb 0%,#a6c1ee 100%)}.icon-23{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.icon-24{background:linear-gradient(135deg,#96fbc4 0%,#f9f586 100%)}.icon-25{background:linear-gradient(135deg,#8e2de2 0%,#4a00e0 100%)}.icon-26{background:linear-gradient(135deg,#ee0979 0%,#ff6a00 100%)}.icon-27{background:linear-gradient(135deg,#56ab2f 0%,#a8e063 100%)}.icon-28{background:linear-gradient(135deg,#614385 0%,#516395 100%)}.icon-29{background:linear-gradient(135deg,#02aab0 0%,#00cdac 100%)}.icon-30{background:linear-gradient(135deg,#d53369 0%,#daae51 100%)}.icon-31{background:linear-gradient(135deg,#834d9b 0%,#d04ed6 100%)}.icon-32{background:linear-gradient(135deg,#ffb75e 0%,#ed8f03 100%)}.icon-33{background:linear-gradient(135deg,#3f51b1 0%,#5a55ae 100%)}.icon-34{background:linear-gradient(135deg,#13547a 0%,#80d0c7 100%)}footer{ background-color:#f2f2f2; border-top:1px solid #e4e4e4; margin-top:auto}.footer-location{ color:#70757a; font-size:15px; padding:15px 30px; border-bottom:1px solid #e4e4e4}.footer-links{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:15px 20px}.footer-left,.footer-right{ display:flex; flex-wrap:wrap; gap:27px}.footer-link{ color:#70757a; text-decoration:none; font-size:14px}.footer-link:hover{ text-decoration:underline; color:#70757a}@media (max-width:768px){ .navbar-container{ flex-wrap:wrap} .navbar-search{ order:3; width:100%; margin:15px 0 0 0; max-width:100%} .page-title{ font-size:2rem} .categories-grid{ grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px} .footer-links{ flex-direction:column; gap:15px} .footer-left,.footer-right{ justify-content:center}}