.breadcrumb-bar{border-bottom:1px solid var(--border);background:var(--warm-white);padding:10px 0}.breadcrumb{font-size:13px;color:var(--ink-light);display:flex;align-items:center;gap:6px}.breadcrumb a{color:var(--rust)}.breadcrumb a:hover{text-decoration:underline}.hub-hero{background:var(--warm-white);border-bottom:1px solid var(--border);padding:56px 0 48px}.hub-hero h1{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--ink);line-height:1.15;margin-bottom:16px;max-width:700px}.hub-intro{font-size:17px;color:var(--ink-mid);max-width:600px;line-height:1.65;margin-bottom:28px}.trust-row{display:flex;flex-wrap:wrap;gap:12px}.trust-item{font-size:13px;font-weight:500;color:var(--ink-mid);background:#fff;border:1px solid var(--border);padding:6px 14px;border-radius:99px}.browse-by{padding:40px 0;border-bottom:1px solid var(--border)}.browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.browse-col h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:14px;color:var(--ink)}.browse-tags{display:flex;flex-wrap:wrap;gap:8px}.browse-tag{font-size:13px;font-weight:500;color:var(--ink-mid);background:var(--warm-white);border:1px solid var(--border);padding:5px 12px;border-radius:99px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;display:inline-flex;align-items:center;gap:4px}.browse-tag:hover{border-color:var(--rust);color:var(--rust);background:var(--rust-pale)}.browse-tag span{font-size:11px;color:var(--ink-light);font-weight:400}.directory-section{padding:40px 0 64px}.search-bar-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:28px;box-shadow:var(--shadow-sm)}.search-input-wrap{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:14px}.search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--ink-light);pointer-events:none}#search-input{width:100%;font-family:var(--font-body);font-size:15px;color:var(--ink);background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 40px 11px 42px;outline:none;transition:border-color .15s}#search-input:focus{border-color:var(--rust)}#search-input::placeholder{color:var(--ink-light)}.clear-btn{position:absolute;right:12px;background:none;border:none;font-size:14px;color:var(--ink-light);cursor:pointer;display:none;padding:2px 4px}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row select{font-family:var(--font-body);font-size:13px;color:var(--ink);background:var(--warm-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;outline:none;transition:border-color .15s;flex:1;min-width:140px}.filter-row select:focus{border-color:var(--rust)}.results-header{font-size:13px;color:var(--ink-light);margin-bottom:16px;font-weight:500}.featured-card{background:#fff;border:2px solid var(--gold);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;position:relative;box-shadow:var(--shadow-sm)}.featured-badge{position:absolute;top:-11px;left:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--gold);color:#fff;padding:3px 10px;border-radius:99px}.featured-body{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.group-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink);margin-bottom:8px}.group-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.meta-item{font-size:13px;color:var(--ink-mid)}.group-desc{font-size:14px;color:var(--ink-mid);line-height:1.6;max-width:560px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.group-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;min-height:260px;transition:box-shadow .15s,transform .15s;position:relative}.group-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card.card-featured{border:2px solid var(--gold);background:#fffdf7;order:-1}.card-featured-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);background:#c9a84c1a;border:1px solid var(--gold);padding:2px 8px;border-radius:99px;display:inline-block;margin-bottom:10px;align-self:flex-start}.card-body{flex:1}.card-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:8px;line-height:1.3}.card-title a{color:inherit;transition:color .15s}.card-title a:hover{color:var(--rust)}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.meta-chip{font-size:12px;color:var(--ink-mid);background:var(--warm-white);border:1px solid var(--border);padding:2px 8px;border-radius:99px}.card-desc{font-size:13px;color:var(--ink-mid);line-height:1.55}.card-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px}.card-join{width:100%;text-align:center;font-size:14px;padding:10px 0;justify-content:center}.loading-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;color:var(--ink-light);font-size:14px}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--rust);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{grid-column:1 / -1;text-align:center;color:var(--rust);padding:40px}.zero-results{text-align:center;padding:60px 24px}.zero-icon{font-size:40px;margin-bottom:16px}.zero-results h3{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:10px}.zero-results p{font-size:15px;color:var(--ink-mid);max-width:480px;margin:0 auto 24px;line-height:1.6}.zero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.submit-cta{background:var(--warm-white);border-top:1px solid var(--border);padding:40px 0}.submit-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.submit-inner h3{font-family:var(--font-display);font-size:20px;font-weight:600;margin-bottom:4px}.submit-inner p{font-size:14px;color:var(--ink-mid)}@media(max-width:768px){.browse-grid{grid-template-columns:1fr;gap:24px}.featured-body{flex-direction:column}.groups-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}.submit-inner{flex-direction:column;text-align:center}}