@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
*{box-sizing:border-box}.community-page{width:100%;max-width:1200px;margin:0 auto;padding:28px 18px 70px;color:#17253a;font-family:"Plus Jakarta Sans",sans-serif}.community-hero{min-height:220px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:21px;color:#fff;background:radial-gradient(circle at 10% 0,rgba(24,184,106,.55),transparent 30%),linear-gradient(135deg,#102f56,#1677ff);box-shadow:0 14px 40px rgba(31,56,87,.12)}.community-hero>div{max-width:650px}.community-hero span,.section-line span{display:block;color:#a9d5ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.community-hero h1{font-size:32px;letter-spacing:-1px;margin-bottom:9px}.community-hero p{color:rgba(255,255,255,.75);font-size:11px;line-height:1.7}.community-hero form{width:min(390px,100%);padding:8px;display:flex;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}.community-hero input{min-width:0;height:43px;flex:1;padding:0 12px;border:none;border-radius:9px 0 0 9px;outline:none;color:#17253a;background:#fff;font-size:10px}.community-hero button{min-width:82px;border:none;border-radius:0 9px 9px 0;color:#fff;background:#18a957;font-size:9px;font-weight:800}.community-alert{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:9px}.community-alert.success{color:#08783b;background:#e9f9f0;border:1px solid #c8efda}.community-alert.error{color:#b32929;background:#fff0f0;border:1px solid #ffd4d4}.section-line{margin:25px 2px 14px;display:flex;justify-content:space-between;align-items:flex-end}.section-line span{color:#1677ff}.section-line h2{font-size:19px}.member-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.network-member-card{overflow:hidden;border:1px solid #dfe6ee;border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(31,56,87,.08);transition:.25s ease}.network-member-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(31,56,87,.13)}.network-cover{height:85px;position:relative;display:block;background:radial-gradient(circle at 15% 0,rgba(24,169,87,.45),transparent 32%),linear-gradient(135deg,#12375f,#1677ff)}.network-avatar,.search-person-avatar{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#1677ff,#18a957);font-weight:800}.network-avatar{width:76px;height:76px;position:absolute;left:50%;bottom:-37px;transform:translateX(-50%);border:5px solid #fff;font-size:25px}.network-avatar img,.search-person-avatar img{width:100%;height:100%;object-fit:cover}.network-member-body{padding:49px 15px 16px;text-align:center}.network-member-body h2{font-size:13px}.network-member-body h2 a:hover{color:#1677ff}.network-member-body>p{margin-top:5px;color:#68788d;font-size:9px}.member-location{display:inline-flex;margin-top:8px;padding:5px 7px;border-radius:15px;color:#1677ff;background:#edf5ff;font-size:7px;font-weight:700}.member-bio{min-height:46px;margin-top:10px;color:#8b98a8;font-size:8px;line-height:1.55}.network-actions{margin-top:12px;display:flex;gap:7px}.network-actions form{display:flex;gap:7px;flex:1}.network-full-form{width:100%}.network-primary,.network-muted{min-height:37px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:9px;font-size:8px;font-weight:800}.network-primary{flex:1;color:#fff;background:#1677ff}.network-muted{color:#68788d;background:#edf1f5}.wide{width:100%}.empty-community{min-height:350px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #dfe6ee;border-radius:17px;background:#fff}.empty-community>div{width:70px;height:70px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#1677ff,#18a957);font-size:28px;font-weight:800}.empty-community h2{font-size:18px}.empty-community p{margin-top:7px;color:#68788d;font-size:9px}.search-summary{margin:20px 0 0;padding:13px 15px;border:1px solid #dfe6ee;border-radius:12px;color:#68788d;background:#fff;font-size:10px}.search-section{margin-top:5px}.small-empty{padding:28px;border:1px solid #dfe6ee;border-radius:14px;color:#8b98a8;background:#fff;text-align:center;font-size:9px}.search-people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.search-person-card{padding:14px;display:flex;align-items:center;gap:11px;border:1px solid #dfe6ee;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(31,56,87,.06)}.search-person-card:hover{border-color:#bdd7ff}.search-person-avatar{width:49px;height:49px;flex:0 0 49px;font-size:16px}.search-person-text{min-width:0;display:flex;flex-direction:column}.search-person-text strong,.search-person-text small,.search-person-text em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.search-person-text strong{font-size:10px}.search-person-text small{margin-top:4px;color:#68788d;font-size:8px}.search-person-text em{margin-top:5px;color:#1677ff;font-size:7px;font-style:normal}.search-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.search-product-card{overflow:hidden;border:1px solid #dfe6ee;border-radius:14px;background:#fff;box-shadow:0 8px 25px rgba(31,56,87,.06)}.search-product-image{height:205px;display:block;overflow:hidden;background:#e8edf4}.search-product-image img{width:100%;height:100%;object-fit:cover;transition:.3s ease}.search-product-card:hover img{transform:scale(1.04)}.search-product-image>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#12375f,#1677ff);font-size:35px;font-weight:800}.search-product-card>div{padding:13px}.search-product-card small{color:#1677ff;font-size:7px;font-weight:800;text-transform:uppercase}.search-product-card h3{min-height:37px;margin-top:6px;font-size:11px;line-height:1.5}.search-product-price{margin-top:8px;color:#1677ff;font-size:14px;font-weight:800}.search-product-price del{margin-left:6px;color:#8b98a8;font-size:8px;font-weight:500}.search-product-card p{margin-top:8px;color:#8b98a8;font-size:7px}@media(max-width:1000px){.member-card-grid,.search-product-grid{grid-template-columns:repeat(3,1fr)}.search-people-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.community-page{padding:13px 8px 85px}.community-hero{min-height:auto;padding:27px 19px;align-items:flex-start;flex-direction:column;border-radius:16px}.community-hero h1{font-size:27px}.community-hero form{width:100%}.member-card-grid,.search-product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.search-people-grid{grid-template-columns:1fr}.network-member-body{padding-left:10px;padding-right:10px}.member-bio{display:none}.search-product-image{height:180px}}@media(max-width:430px){.member-card-grid{grid-template-columns:1fr 1fr}.network-cover{height:70px}.network-avatar{width:65px;height:65px;bottom:-32px}.network-member-body{padding-top:41px}.network-member-body h2{font-size:11px}.network-actions{flex-direction:column}.network-actions form{width:100%}.search-product-grid{grid-template-columns:1fr 1fr}.search-product-image{height:155px}.search-product-card>div{padding:10px}}


/* Network cover and compact member area */
.network-hero{position:relative;overflow:hidden;background-image:linear-gradient(rgba(4,20,42,.72),rgba(5,38,86,.78)),url('/img/network-cover.png');background-size:cover;background-position:center}.network-hero>*{position:relative;z-index:1}.network-avatar img{width:100%;height:100%;object-fit:cover}.member-card-grid{margin-top:24px}