.home-container{max-width:1400px;margin:0 auto;padding:1.5rem}.home-grid{display:grid;grid-template-columns:280px 1fr 320px;gap:1.5rem}.sidebar-left,.sidebar-right{display:flex;flex-direction:column;gap:1rem;position:sticky;top:76px;height:fit-content;max-height:calc(100vh - 92px);overflow-y:auto}.sidebar-left::-webkit-scrollbar,.sidebar-right::-webkit-scrollbar{width:0}@media(max-width:1279px){.home-grid{grid-template-columns:1fr 320px}.sidebar-left{display:none}}@media(max-width:1023px){.home-grid{grid-template-columns:1fr}.sidebar-right{display:none}}.hero-card{position:relative;background:linear-gradient(160deg,#1e1e2f,#171723);border-radius:24px;box-shadow:0 4px 24px #0000001f;isolation:isolate}.hero-glow{position:absolute;top:0;right:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.12) 0%,transparent 50%);pointer-events:none;border-radius:24px;z-index:0}.hero-content{position:relative;z-index:1;padding:2.5rem 1.75rem;text-align:center;display:block}.hero-icon{width:56px;height:56px;margin:0 auto 1.75rem;background:#8b5cf61a;border-radius:16px;display:flex;align-items:center;justify-content:center}.hero-icon svg{width:28px;height:28px}.hero-title{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:.75rem;letter-spacing:-.02em}.hero-title-accent{color:#a78bfa}.hero-description{font-size:.9375rem;color:#ffffff80;margin-bottom:2rem}.hero-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;border-radius:14px;font-weight:600;font-size:.9375rem;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf659;transition:all .2s ease}.hero-btn-primary svg{width:18px;height:18px;transition:transform .2s ease}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf673}.hero-btn-primary:hover svg{transform:translate(3px)}.hero-login{margin-top:1.25rem;font-size:.8125rem;color:#fff6}.hero-login a{color:#a78bfa;font-weight:500;transition:color .2s}.hero-login a:hover{color:#c4b5fd}.user-card{background:#fff;border-radius:20px;border:1px solid var(--color-border-default);padding:1.25rem;box-shadow:var(--shadow-card)}.user-card-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.user-avatar-wrapper{position:relative;flex-shrink:0}.user-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-size:1.125rem;font-weight:600;color:#fff}.user-status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#10b981;border:3px solid white;border-radius:50%}.user-info{flex:1;min-width:0}.user-greeting{display:flex;align-items:center;gap:.375rem;margin-bottom:.125rem}.user-greeting .greeting-text{font-size:.8125rem;color:var(--color-text-tertiary);font-weight:500}.user-greeting .greeting-emoji{font-size:.875rem}.user-name{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-stats-row{display:flex;gap:.5rem;margin-bottom:1rem}.user-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--color-bg-tertiary);border-radius:12px}.user-stat-value{font-size:1rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.user-stat-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:.125rem}.user-create-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border-radius:12px;font-weight:600;font-size:.9375rem;color:#fff;background:var(--color-text-primary);transition:all .2s}.user-create-btn svg{width:16px;height:16px}.user-create-btn:hover{background:#2d2d3a;transform:translateY(-1px)}.nav-widget{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:.5rem;box-shadow:var(--shadow-card)}.nav-menu{display:flex;flex-direction:column;gap:.125rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;color:var(--color-text-secondary);font-weight:500;font-size:.9375rem;transition:all .15s ease}.nav-link svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.75}.nav-link span{flex:1}.nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-link.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:600}.nav-link.active svg{color:#7c3aed}.nav-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:20px;height:20px}.nav-icon.home{background:#7c3aed1f;color:#7c3aed}.nav-icon.popular{background:#ef44441f;color:#ef4444}.nav-icon.communities{background:#3b82f61f;color:#3b82f6}.types-widget{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:1rem;box-shadow:var(--shadow-card)}.widget-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.875rem}.header-icon{width:16px;height:16px;color:#ef4444}.types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.type-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);transition:all .15s}.type-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.type-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.type-icon svg{width:20px;height:20px}.type-icon.posts{background:#7c3aed1f;color:#7c3aed}.type-icon.reels{background:#ec48991f;color:#ec4899}.type-icon.live{background:#ef44441f;color:#ef4444}.type-icon.news{background:#3b82f61f;color:#3b82f6}.type-icon.events{background:#10b9811f;color:#10b981}.type-icon.videos{background:#f973161f;color:#f97316}.my-communities-widget{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:1rem;box-shadow:var(--shadow-card)}.my-communities-list{display:flex;flex-direction:column;gap:.25rem}.my-community-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:10px;transition:background .15s}.my-community-item:hover{background:var(--color-bg-hover)}.my-community-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.my-community-name{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.widget-see-all{display:flex;align-items:center;gap:.25rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-default);font-size:.8125rem;font-weight:500;color:var(--color-brand-primary)}.widget-see-all svg{width:16px;height:16px}.widget-see-all:hover{opacity:.8}.trending-widget{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:1rem;box-shadow:var(--shadow-card)}.trending-list{display:flex;flex-direction:column;gap:.25rem}.trending-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;border-radius:10px;transition:background .15s}.trending-item:hover{background:var(--color-bg-hover)}.trending-rank{font-size:.75rem;font-weight:700;color:var(--color-brand-primary);width:24px}.trending-info{flex:1;min-width:0}.trending-name{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.trending-posts{font-size:.6875rem;color:var(--color-text-tertiary)}.top-communities-widget{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:1rem;box-shadow:var(--shadow-card)}.top-communities-list{display:flex;flex-direction:column;gap:.375rem}.top-community-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:10px;transition:background .15s}.top-community-item:hover{background:var(--color-bg-hover)}.top-community-rank{width:20px;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-align:center}.top-community-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.top-community-info{flex:1;min-width:0;display:flex;flex-direction:column}.top-community-name{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.top-community-members{font-size:.6875rem;color:var(--color-text-tertiary)}.quick-links-widget{padding:.75rem}.quick-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.5rem}.quick-link{font-size:.75rem;color:var(--color-text-tertiary);transition:color .15s}.quick-link:hover{color:var(--color-text-primary)}.copyright{font-size:.6875rem;color:var(--color-text-tertiary)}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.sort-tabs{display:flex;gap:.5rem}.sort-tab{padding:.625rem 1.25rem;border-radius:9999px;font-weight:500;font-size:.875rem;color:var(--color-text-secondary);background:#fff;border:1px solid var(--color-border-default);cursor:pointer;transition:all .2s}.sort-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sort-tab.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border-color:transparent}.feed-filters{display:flex;gap:.5rem}.filter-select{padding:.5rem 1rem;border-radius:10px;font-size:.8125rem;color:var(--color-text-secondary);background:#fff;border:1px solid var(--color-border-default);cursor:pointer}.posts-feed{display:flex;flex-direction:column;gap:1rem}.post-card{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:1rem;box-shadow:var(--shadow-card);transition:all .2s}.post-card:hover{box-shadow:var(--shadow-card-hover)}.post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.post-community-avatar,.post-user-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff;flex-shrink:0}.post-meta{flex:1;min-width:0}.post-meta-top{margin-bottom:.125rem}.post-community-name,.post-author-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.post-community-name:hover,.post-author-name:hover{color:var(--color-brand-primary)}.post-meta-bottom{font-size:.8125rem;color:var(--color-text-tertiary)}.post-author-link{color:var(--color-text-secondary)}.post-author-link:hover{color:var(--color-brand-primary)}.post-more-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;transition:all .15s}.post-more-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.post-content-link{display:block;margin-bottom:.75rem}.post-title{font-size:1.0625rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;margin-bottom:.375rem}.post-content-link:hover .post-title{color:var(--color-brand-primary)}.post-excerpt{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-media{margin-bottom:.875rem;border-radius:12px;overflow:hidden}.post-media img{width:100%;max-height:500px;object-fit:cover}.post-actions{display:flex;align-items:center;justify-content:space-between}.post-actions-left,.post-actions-right{display:flex;align-items:center;gap:.25rem}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:10px;font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;transition:all .15s}.action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.action-btn.active{color:#10b981}.happening-widget{background:#fff;border-radius:20px;border:1px solid var(--color-border-default);padding:1.25rem;box-shadow:var(--shadow-card)}.happening-title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.happening-list{display:flex;flex-direction:column}.happening-item{display:flex;flex-direction:column;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .15s;margin:0 -.5rem;padding:.875rem .5rem;border-radius:8px}.happening-item:last-child{border-bottom:none}.happening-item:hover{background:var(--color-bg-hover)}.happening-category{font-size:.75rem;color:var(--color-text-tertiary);margin-bottom:.25rem}.happening-topic{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.happening-posts{font-size:.75rem;color:var(--color-text-tertiary)}.happening-more{display:block;padding-top:.875rem;font-size:.875rem;font-weight:500;color:var(--color-brand-primary);transition:color .15s}.happening-more:hover{color:var(--color-brand-hover)}.activity-widget{background:#fff;border-radius:20px;border:1px solid var(--color-border-default);padding:1.25rem;box-shadow:var(--shadow-card)}.activity-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.activity-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:activityPulse 2s ease-in-out infinite}@keyframes activityPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.activity-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.activity-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle)}.activity-stat{display:flex;flex-direction:column}.activity-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.activity-stat-label{font-size:.75rem;color:var(--color-text-tertiary)}.activity-users{display:flex;align-items:center;gap:.625rem}.activity-avatars{display:flex;align-items:center}.activity-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:#fff;border:2px solid white;margin-left:-8px}.activity-avatar:first-child{margin-left:0}.activity-text{font-size:.8125rem;color:var(--color-text-secondary)}.communities-widget,.creators-widget,.trending-posts-widget,.stats-widget{background:#fff;border-radius:16px;border:1px solid var(--color-border-default);padding:1rem;box-shadow:var(--shadow-card)}.widget-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.875rem}.widget-title .title-icon{width:16px;height:16px;color:var(--color-brand-primary)}.communities-list,.creators-list{display:flex;flex-direction:column;gap:.125rem}.community-row,.creator-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin:0 -.5rem;border-radius:12px;transition:background .15s}.community-row:hover,.creator-row:hover{background:var(--color-bg-hover)}.community-link,.creator-link{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.community-avatar,.creator-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.creator-avatar img{width:100%;height:100%;object-fit:cover}.community-info,.creator-info{flex:1;min-width:0;display:flex;flex-direction:column}.community-name,.creator-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-members,.creator-karma{font-size:.75rem;color:var(--color-text-tertiary)}.btn-join-sm{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-join-sm:hover{box-shadow:0 4px 12px #7c3aed59;transform:translateY(-1px)}.btn-follow-sm{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-follow-sm:hover{box-shadow:0 4px 12px #f9731659;transform:translateY(-1px)}.widget-see-more{display:flex;align-items:center;gap:.25rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-subtle);font-size:.8125rem;font-weight:500;color:var(--color-brand-primary);transition:opacity .15s}.widget-see-more:hover{opacity:.8}.widget-see-more svg{width:14px;height:14px}.trending-posts-list{display:flex;flex-direction:column;gap:.75rem}.trending-post-item{display:flex;gap:.75rem;padding:.5rem;margin:0 -.5rem;border-radius:12px;transition:background .15s}.trending-post-item:hover{background:var(--color-bg-hover)}.trending-post-thumb{width:72px;height:54px;border-radius:10px;overflow:hidden;flex-shrink:0}.trending-post-thumb img{width:100%;height:100%;object-fit:cover}.trending-post-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff80}.trending-post-thumb.placeholder svg{width:20px;height:20px}.trending-post-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.trending-post-title{font-size:.8125rem;font-weight:500;color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.375rem}.trending-post-stats{display:flex;align-items:center;gap:.75rem}.trending-post-stats .stat{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--color-text-tertiary)}.trending-post-stats .stat svg{width:12px;height:12px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-box{display:flex;flex-direction:column;align-items:center;padding:.875rem .5rem;background:var(--color-bg-tertiary);border-radius:12px;text-align:center}.stat-number{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.125rem}.stat-box .stat-label{font-size:.6875rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}