.page-header{text-align:center;padding:40px 0 20px}.page-title{letter-spacing:-1.5px;margin-bottom:16px;font-size:3.5rem;font-weight:700;line-height:1.1}.page-title span{color:var(--orange)}.page-subtitle{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.5}.hero-community{color:#fff;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:32px;margin:40px 0;padding:60px 40px;position:relative;overflow:hidden}.hero-community .hero-content{z-index:2;max-width:600px;position:relative}.hero-community .hero-title{margin-bottom:20px;font-size:2.8rem;font-weight:700;line-height:1.2}.hero-community .hero-title span{color:var(--orange)}.hero-community .hero-text{color:#fffc;margin-bottom:20px;font-size:1.2rem;line-height:1.6}.map-animation{pointer-events:none;width:60%;height:100%;position:absolute;top:0;right:0}.map-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite mapPulse;position:absolute}.map-dot1{top:20%;left:30%}.map-dot2{animation-delay:.3s;top:40%;left:50%}.map-dot3{animation-delay:.6s;top:60%;left:20%}.map-dot4{animation-delay:.9s;top:30%;left:70%}.map-dot5{animation-delay:1.2s;top:70%;left:60%}.map-dot6{animation-delay:1.5s;top:50%;left:40%}.map-dot7{animation-delay:1.8s;top:80%;left:30%}.map-dot8{animation-delay:2.1s;top:25%;left:80%}.map-line{background:linear-gradient(90deg, transparent, var(--orange), transparent);height:1px;animation:4s ease-in-out infinite lineGlow;position:absolute}.map-line1{width:100px;top:22%;left:32%;transform:rotate(30deg)}.map-line2{width:120px;top:42%;left:45%;transform:rotate(45deg)}.map-line3{width:80px;top:62%;left:25%;transform:rotate(60deg)}.map-line4{width:150px;top:35%;left:60%;transform:rotate(-15deg)}.map-line5{width:90px;top:55%;left:55%;transform:rotate(-30deg)}@keyframes mapPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(2)}}@keyframes lineGlow{0%,to{opacity:.1}50%{opacity:.5}}.social-section{padding:60px 0}.social-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.social-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);text-align:center;transition:var(--transition);background:#ffffffb3;border-radius:24px;padding:40px 30px;position:relative;overflow:hidden}.social-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.social-icon{justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:2rem;display:flex}.social-title{margin-bottom:10px;font-size:1.5rem;font-weight:700}.social-desc{color:var(--text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.6}.social-link{background:var(--orange);color:#fff;transition:var(--transition);border-radius:40px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.social-link:hover{background:var(--orange-dark);transform:scale(1.05)}.governance-section{background:var(--bg-alt);padding:60px 0}.governance-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.governance-content h3{margin-bottom:20px;font-size:2rem;font-weight:700}.governance-content h3 span{color:var(--orange)}.governance-content p{color:var(--text-muted);margin-bottom:20px;font-size:1.1rem;line-height:1.6}.vote-bar{background:var(--border);border-radius:25px;width:100%;height:50px;position:relative;overflow:hidden}.vote-progress{background:var(--orange);border-radius:25px;width:100%;height:100%;animation:4s ease-in-out infinite voteCycle}@keyframes voteCycle{0%{width:0%}25%{width:75%}50%{width:100%}75%{width:45%}to{width:0%}}.vote-stats{justify-content:space-between;margin-top:15px;display:flex}.vote-stat{text-align:center}.vote-stat .stat-number{color:var(--orange);font-size:1.5rem;font-weight:700}.vote-stat .stat-label{color:var(--text-muted);font-size:.85rem}.governance-visual{justify-content:center;align-items:center;display:flex}.stats-section{padding:60px 0}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.stat-card{border:1px solid var(--border);transition:var(--transition);background:#fff;border-radius:24px;padding:40px 30px}.stat-card:hover{box-shadow:var(--shadow-hover);border-color:var(--orange);transform:translateY(-5px)}.stat-value{color:var(--orange);margin-bottom:10px;font-size:3rem;font-weight:800}.stat-label{margin-bottom:10px;font-size:1.2rem;font-weight:600}.stat-desc{color:var(--text-muted);font-size:.95rem}.whyjoin-section{background:var(--bg-alt);padding:60px 0}.whyjoin-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.whyjoin-card{border:1px solid var(--border);text-align:center;transition:var(--transition);background:#fff;border-radius:24px;padding:40px 30px}.whyjoin-card:hover{box-shadow:var(--shadow-hover);border-color:var(--orange);transform:translateY(-5px)}.whyjoin-icon{justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:2rem;animation:3s ease-in-out infinite floatIcon;display:flex}.whyjoin-icon i{color:var(--orange)}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.whyjoin-title{margin-bottom:15px;font-size:1.3rem;font-weight:700}.whyjoin-desc{color:var(--text-muted);line-height:1.6}.feed-section{padding:60px 0}.carousel-container{width:100%;margin-top:40px;position:relative;overflow:hidden}.carousel-track{width:fit-content;animation:30s linear infinite scrollCarousel;display:flex}.carousel-item{border:1px solid var(--border);text-align:left;background:#fff;border-radius:24px;flex:0 0 300px;margin-right:30px;padding:30px}.carousel-item p{color:var(--text);margin-bottom:15px;font-size:1rem;line-height:1.6}.carousel-author{align-items:center;gap:10px;display:flex}.author-avatar{background:var(--orange-light);width:40px;height:40px;color:var(--orange);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.author-name{font-weight:600}.author-handle{color:var(--text-muted);font-size:.85rem}@keyframes scrollCarousel{0%{transform:translate(0)}to{transform:translate(-50%)}}.carousel-container:hover .carousel-track{animation-play-state:paused}@media (max-width:1000px){.hero-community .hero-title{font-size:2.2rem}.social-grid,.stats-grid,.whyjoin-grid,.governance-grid{grid-template-columns:1fr;gap:30px}.map-animation{display:none}}@media (max-width:600px){.page-title{font-size:2.5rem}.hero-community .hero-title{font-size:1.8rem}}