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:550;color:#198754;text-decoration:none;display:flex;align-items:center}.navbar-brand:hover{color:#198754}.navbar-brand:focus,.navbar-brand:hover{color:#198754}.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;background:#f1f1f1}.navbar-search-input:focus{box-shadow:0 1px 6px rgb(32 33 36 / .28);border-color:#fff0}.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 rgb(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:#fff}.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;justify-content:center}.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}}