.community-hub{padding:var(--space-12) 0;background:var(--gradient-subtle);position:relative;overflow:hidden}.community-header{text-align:center;max-width:900px;margin:0 auto var(--space-10);padding:0 var(--space-6)}.header-content{margin-bottom:var(--space-8)}.header-content .eyebrow{color:var(--color-blush-500);margin-bottom:var(--space-4)}.header-content h1{margin-bottom:var(--space-5)}.header-content p{color:var(--color-medium-gray);max-width:600px;margin:0 auto}.live-stats{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.stat-card{background:var(--color-pure-white);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;min-width:180px}.stat-number{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-rich-black);margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-xs);color:var(--color-medium-gray);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.pulse-indicator{position:absolute;top:var(--space-4);right:var(--space-4);width:8px;height:8px;background:var(--color-blush-500);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff2d55b3}70%{box-shadow:0 0 0 10px #ff2d5500}to{box-shadow:0 0 #ff2d5500}}.story-wall{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.wall-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-8);overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:none}.wall-filters::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-pure-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.filter-chip:hover{border-color:var(--color-medium-gray);transform:translateY(-2px)}.filter-chip.active{background:var(--color-rich-black);color:var(--color-pure-white);border-color:var(--color-rich-black)}.chip-icon{font-size:1.2em}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}@media (max-width: 768px){.stories-grid{grid-template-columns:1fr}}.story-card{background:var(--color-pure-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out-expo)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.story-media{position:relative;aspect-ratio:4/5;overflow:hidden}.story-media img,.story-media video{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out-expo)}.story-card:hover .story-media img,.story-card:hover .story-media video{transform:scale(1.05)}.story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.3));opacity:0;transition:opacity var(--duration-normal) ease}.story-card:hover .story-overlay{opacity:1}.story-like{position:absolute;bottom:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--duration-fast) ease}.story-like:hover{background:var(--color-pure-white);transform:scale(1.1)}.like-icon{font-size:1.2em;transition:transform var(--duration-fast) var(--ease-spring)}.story-like:active .like-icon{transform:scale(1.3)}.like-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.story-content{padding:var(--space-5)}.story-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-info{flex:1}.author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.author-location{font-size:var(--font-size-xxs);color:var(--color-medium-gray)}.verified-badge{padding:var(--space-1) var(--space-2);background:var(--color-blush-100);color:var(--color-blush-600);border-radius:var(--radius-md);font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium)}.story-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-dark-gray);margin-bottom:var(--space-4)}.story-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tag{padding:var(--space-1) var(--space-3);background:var(--color-off-white);border-radius:var(--radius-md);font-size:var(--font-size-xxs);color:var(--color-medium-gray)}.story-engagement{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-light-gray)}.engagement-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;font-size:var(--font-size-xs);color:var(--color-medium-gray);cursor:pointer;transition:color var(--duration-fast) ease}.engagement-btn:hover{color:var(--color-rich-black)}.quote-card{position:relative;display:flex;align-items:center;padding:var(--space-8);min-height:400px}.quote-content{position:relative;z-index:1}.quote-content blockquote{font-size:var(--font-size-md);font-style:italic;line-height:var(--line-height-relaxed);color:var(--color-rich-black);margin:0 0 var(--space-6)}.quote-author{display:flex;align-items:center;gap:var(--space-3)}.quote-background{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-premium);opacity:.1}.add-story-card{display:flex;align-items:center;justify-content:center;background:var(--color-off-white);border:2px dashed var(--color-light-gray);cursor:pointer;transition:all var(--duration-normal) ease}.add-story-card:hover{border-color:var(--color-medium-gray);background:var(--color-pure-white)}.add-story-content{text-align:center;padding:var(--space-8)}.add-icon{font-size:3rem;margin-bottom:var(--space-4)}.add-story-content h3{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.add-story-content p{color:var(--color-medium-gray);margin-bottom:var(--space-5)}.load-more-container{text-align:center;margin-top:var(--space-8)}.community-challenges{max-width:1000px;margin:var(--space-12) auto;padding:0 var(--space-6)}.challenges-header{text-align:center;margin-bottom:var(--space-8)}.active-challenge{padding:var(--space-8);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.challenge-content{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:center;margin-bottom:var(--space-6)}@media (max-width: 768px){.challenge-content{grid-template-columns:1fr}}.challenge-badge{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--color-gold-100);color:var(--color-gold-600);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.challenge-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.challenge-description{color:var(--color-medium-gray);margin-bottom:var(--space-5)}.challenge-stats{display:flex;gap:var(--space-6)}.challenge-stats .stat{text-align:left}.challenge-stats .stat-value{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-rich-black)}.challenge-stats .stat-label{font-size:var(--font-size-xxs);color:var(--color-medium-gray);text-transform:uppercase}.challenge-action{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.link-underline{color:var(--color-medium-gray);text-decoration:none;position:relative}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width var(--duration-normal) var(--ease-out-expo)}.link-underline:hover:after{width:100%}.challenge-progress{position:relative}.progress-bar{height:8px;background:var(--color-light-gray);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-premium);border-radius:var(--radius-full);transition:width var(--duration-slower) var(--ease-out-expo)}.progress-text{display:block;margin-top:var(--space-2);font-size:var(--font-size-xxs);color:var(--color-medium-gray);text-align:right}.support-section{background:var(--color-pure-white);padding:var(--space-12) 0}.support-header{text-align:center;max-width:600px;margin:0 auto var(--space-8)}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto;padding:0 var(--space-6)}.support-card{padding:var(--space-6);text-align:center}.support-icon{font-size:3rem;margin-bottom:var(--space-4)}.support-card h3{font-size:var(--font-size-md);margin-bottom:var(--space-3)}.support-card p{color:var(--color-medium-gray);margin-bottom:var(--space-4)}.availability,.member-count,.response-time{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-medium-gray)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-light-gray)}.status-dot.online{background:#22c55e;animation:pulse 2s infinite}.impact-section{background:var(--gradient-subtle);padding:var(--space-12) 0;text-align:center}.impact-content{max-width:900px;margin:0 auto;padding:0 var(--space-6)}.impact-content h2{margin-bottom:var(--space-8)}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}@media (max-width: 768px){.impact-stats{grid-template-columns:1fr}}.impact-stat{padding:var(--space-6)}.impact-number{display:block;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3)}.impact-label{font-size:var(--font-size-sm);color:var(--color-medium-gray)}.impact-message{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-dark-gray);max-width:600px;margin:0 auto}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-community-hub.css.map */