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: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}.search-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#198754}.search-box{width:100%;position:relative}.search-input{width:100%;padding:12px 50px 12px 20px;border:1px solid #000;border-radius:10px;font-size:16px;outline:none;transition:box-shadow 0.2s}.search-input:hover,.search-input:focus{box-shadow:0 1px 6px rgb(32 33 36 / .28)}.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 rgb(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:400;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:silver;box-shadow:0 1px 3px rgb(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}.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;font-size:14px}.group-card{background:#fff;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 rgb(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:#fff;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:#fff;border:none;padding:8px 24px;border-radius:20px;font-size:14px;font-weight:500;transition:background 0.2s}.join-btn:hover{background:#198754;color:#fff}.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:#fff}.pagination .page-item.disabled .page-link{color:#70757a;background-color:#fff0}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;justify-content:center}.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}}