body{ font-family:Arial,sans-serif; display:flex; flex-direction:column; min-height:100vh}.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}.search-container{ min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px}.logo{ font-size:2.5rem; font-weight:bold; margin-bottom:30px; color:#25D366}.search-box{ width:100%; max-width:600px; position:relative}.search-input{ width:100%; padding:12px 50px 12px 20px; border:1px solid #dfe1e5; border-radius:24px; font-size:16px; outline:none; transition:box-shadow 0.2s}.search-input:hover,.search-input:focus{ box-shadow:0 1px 6px rgba(32,33,36,.28); border-color:transparent}.search-icon{ position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#5f6368; cursor:pointer}.search-buttons{ margin-top:30px; display:flex; gap:10px}.btn-search{ background-color:#f8f9fa; border:1px solid #dadce0; color:#3c4043; padding:10px 20px; border-radius:4px; font-size:14px}.btn-search:hover{ box-shadow:0 1px 1px rgba(0,0,0,.1); border:1px solid #dadce0}.browse-categories{ margin-top:25px}.categories-link{ color:#1a0dab; text-decoration:none; font-size:14px; display:inline-flex; align-items:center; gap:6px}.categories-link:hover{ text-decoration:underline}.popular-tags-section{ margin-top:35px; text-align:center}.tags-title{ font-size:14px; color:#70757a; font-weight:normal; margin-bottom:15px}.popular-tags{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:600px; margin:0 auto}.popular-tag{ background-color:#f8f9fa; color:#3c4043; padding:8px 16px; border-radius:20px; text-decoration:none; font-size:14px; border:1px solid #dadce0; transition:all 0.2s}.popular-tag:hover{ background-color:#e8e8e8; border-color:#c0c0c0; box-shadow:0 1px 3px rgba(0,0,0,.1)}.results-container{ width:100%; max-width:800px; padding:20px; display:block}.results-header{ display:flex; align-items:center; padding:20px 0; border-bottom:1px solid #e0e0e0}.results-logo{ font-size:1.5rem; font-weight:300; color:#25D366; margin-right:30px}.results-logo a{ color:inherit; text-decoration:none}.results-search-box{ flex-grow:1; max-width:600px}.results-search-input{ width:100%; padding:8px 40px 8px 15px; border:1px solid #dfe1e5; border-radius:24px; font-size:14px}.results-info{ padding:15px 0; color:#70757a; font-size:14px}.group-card{ background:white; border:1px solid #e0e0e0; border-radius:8px; padding:20px; margin-bottom:20px; transition:box-shadow 0.2s}.group-card:hover{ box-shadow:0 2px 8px rgba(0,0,0,.1)}.group-header{ display:flex; align-items:start; gap:15px; margin-bottom:10px}.group-icon{ width:50px; height:50px; background:linear-gradient(135deg,#25D366 0%,#128C7E 100%); border-radius:8px; display:flex; align-items:center; justify-content:center; color:white; font-size:24px; flex-shrink:0}.group-info{ flex-grow:1}.group-title{ font-size:1.2rem; color:#1a0dab; margin-bottom:5px;  text-decoration:none}.group-meta{ color:#5f6368; font-size:13px; margin-bottom:8px}.group-meta a{ text-decoration:none; color:#5f6368}.group-description{ color:#545454; font-size:14px; line-height:1.5; margin-bottom:10px}.group-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px}.tag{ background:#f1f3f4; padding:4px 12px; border-radius:16px; font-size:12px; color:#5f6368}.tag a{ text-decoration:none; color:#5f6368}.join-btn{ background:#25D366; color:white; border:none; padding:8px 24px; border-radius:20px; font-size:14px; font-weight:500; transition:background 0.2s}.join-btn:hover{ background:#20bd5a; color:white}.pagination{ margin-top:30px; justify-content:center}.pagination .page-link{ color:#1a0dab; border:none; padding:8px 12px; margin:0 4px}.pagination .page-link:hover{ background-color:#f8f9fa; color:#1a0dab}.pagination .page-item.active .page-link{ background-color:#1a0dab; border-color:#1a0dab; color:white}.pagination .page-item.disabled .page-link{ color:#70757a; background-color:transparent}footer{ background-color:#f2f2f2; border-top:1px solid #e4e4e4; margin-top:auto}.footer-section{ padding:15px 0; border-bottom:1px solid #e4e4e4}.footer-location{ color:#70757a; font-size:15px; padding:15px 30px}.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}.search-container{ min-height:calc(100vh - 100px)}@media (max-width:768px){ .navbar-container{ flex-wrap:wrap} .navbar-search{ order:3; width:100%; margin:15px 0 0 0; max-width:100%} .footer-links{ flex-direction:column; gap:15px} .footer-left,.footer-right{ justify-content:center}}