.community-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);text-align:center;position:relative}.community-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.05) 0%,transparent 70%);pointer-events:none}.community-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-logo{margin-bottom:2rem}.hero-logo-image{height:100px;width:auto;opacity:.9;transition:all .3s ease;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}.hero-logo-image:hover{opacity:1;transform:scale(1.05)}.community-hero h1{font-size:4rem;font-weight:800;color:gold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-2px;line-height:1.1;text-shadow:0 0 30px rgba(255,215,0,.3)}.hero-subtitle{font-size:1.4rem;color:#ccc;line-height:1.6;font-weight:400}.community-overview-section{padding:4rem 0;background:#111}.discord-hub{max-width:1100px;margin:0 auto;margin-bottom:3rem}.discord-visual{text-align:center;margin-bottom:3rem;padding:2rem;background:#1a1a1a;border:1px solid #333;border-radius:16px;transition:all .3s ease}.discord-visual:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.discord-icon{font-size:4rem;margin-bottom:1rem;display:block;background:#7289da1a;border:2px solid #7289da;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.discord-visual:hover .discord-icon{transform:scale(1.1);box-shadow:0 0 20px #7289da4d}.discord-visual h3{font-size:2rem;font-weight:700;color:#7289da;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.discord-visual p{font-size:1.2rem;color:#ccc;line-height:1.6}.channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.channel-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative}.channel-card:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.channel-card.featured{border-color:gold;background:#1f1f1f}.channel-card.featured:before{content:"💛 Special";position:absolute;top:-10px;right:1rem;background:gold;color:#000;padding:.3rem .8rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.channel-icon{font-size:2.5rem;margin-bottom:1rem;display:block;transition:transform .3s ease}.channel-card:hover .channel-icon{transform:scale(1.1)}.channel-card h4{font-size:1.2rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.channel-card p{color:#ccc;line-height:1.6;font-size:.95rem}.community-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:3rem}.feature-highlight{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-highlight:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.feature-highlight .feature-icon{font-size:3rem;margin-bottom:1rem;display:block;transition:transform .3s ease}.feature-highlight:hover .feature-icon{transform:scale(1.1)}.feature-highlight h3{font-size:1.4rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.feature-highlight p{color:#ccc;line-height:1.6;font-size:1.1rem}.dao-section{padding:4rem 0;background:#0a0a0a}.dao-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1100px;margin:0 auto}.dao-visual{display:flex;justify-content:center;position:relative}.dao-center{width:150px;height:150px;background:#1a1a1a;border:3px solid #ffd700;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;transition:all .3s ease}.dao-center:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd7004d}.dao-icon{font-size:3rem;margin-bottom:.5rem}.dao-center span{color:gold;font-weight:700;font-size:.9rem;text-transform:uppercase;text-align:center}.voting-nodes{position:absolute;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.voting-node{position:absolute;width:80px;height:80px;background:#1a1a1a;border:2px solid #333;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease}.voting-node:hover{border-color:gold;background:#222;transform:scale(1.1)}.voting-node:nth-child(1){top:0;left:50%;transform:translate(-50%)}.voting-node:nth-child(2){bottom:0;left:0}.voting-node:nth-child(3){bottom:0;right:0}.node-icon{font-size:1.5rem;margin-bottom:.3rem}.voting-node span{color:#999;font-size:.7rem;font-weight:600;text-transform:uppercase;text-align:center}.dao-features{display:flex;flex-direction:column;gap:1.5rem}.dao-feature{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s ease}.dao-feature:hover{background:#222;border-color:gold;transform:translate(10px)}.dao-feature .feature-icon{font-size:2rem;margin-bottom:1rem;display:block;transition:transform .3s ease}.dao-feature:hover .feature-icon{transform:scale(1.1)}.dao-feature h4{font-size:1.2rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.dao-feature p{color:#ccc;line-height:1.6;font-size:.95rem}.evolution-section{padding:4rem 0;background:#111}.evolution-timeline{max-width:900px;margin:0 auto 3rem;position:relative}.evolution-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,gold,#333 50% 100%);transform:translate(-50%);z-index:1}.evolution-step{display:flex;align-items:flex-start;margin-bottom:3rem;position:relative;z-index:2}.evolution-step:nth-child(odd){flex-direction:row}.evolution-step:nth-child(2n){flex-direction:row-reverse}.step-number{width:60px;height:60px;background:#1a1a1a;border:3px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#999;position:relative;flex-shrink:0;transition:all .3s ease}.evolution-step.current .step-number{border-color:gold;background:#ffd7001a;color:gold;animation:pulse 2s infinite}.evolution-step.upcoming .step-number{border-color:#333;background:#1a1a1a;color:#666}.step-content{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;margin:0 2rem;transition:all .3s ease}.step-content:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.evolution-step.current .step-content{border-color:gold;background:#1f1f1f}.step-content h3{font-size:1.4rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.step-content p{color:#ccc;line-height:1.6;margin-bottom:1rem;font-size:1.1rem}.step-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.step-status.current{background:#ffd70033;color:gold;border:1px solid #ffd700}.step-status.upcoming{background:#9993;color:#999;border:1px solid #333}.evolution-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.principle-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.principle-card:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.principle-icon{font-size:2.5rem;margin-bottom:1rem;display:block;transition:transform .3s ease}.principle-card:hover .principle-icon{transform:scale(1.1)}.principle-card h4{font-size:1.2rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.principle-card p{color:#ccc;line-height:1.6;font-size:.95rem}.engagement-section{padding:4rem 0;background:#0a0a0a}.engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.engagement-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.engagement-card:hover{background:#222;border-color:gold;transform:translateY(-8px);box-shadow:0 12px 40px #ffd70026}.engagement-icon{font-size:3rem;margin-bottom:1rem;display:block;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:12px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.engagement-card:hover .engagement-icon{background:#ffd70033;border-color:gold;transform:scale(1.05)}.engagement-card h3{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.engagement-card p{color:#ccc;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.engagement-actions{display:flex;flex-direction:column;gap:.5rem}.action-item{color:#999;font-size:.9rem;position:relative;padding:.5rem 0 .5rem 1.5rem;transition:all .3s ease}.action-item:before{content:"•";color:gold;position:absolute;left:0;font-weight:700}.engagement-card:hover .action-item{color:#ccc}.community-stats-section{padding:4rem 0;background:#111}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.stat-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-number{font-size:2.5rem;font-weight:800;color:gold;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1rem;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.8rem}.stat-change{color:#10b981;font-size:.8rem;font-weight:600;background:#10b9811a;padding:.3rem .8rem;border-radius:12px;display:inline-block}.community-cta{padding:4rem 0;background:#0a0a0a}.community-cta .cta-content{text-align:center;max-width:700px;margin:0 auto}.community-cta h2{font-size:2.8rem;font-weight:700;color:gold;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1px}.community-cta p{font-size:1.2rem;color:#ccc;margin-bottom:2rem;line-height:1.6}.community-cta .cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.community-cta .btn{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;padding:1.2rem 2rem}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.btn:hover .btn-icon{transform:scale(1.1)}@keyframes pulse{0%,to{box-shadow:0 0 #ffd700b3}50%{box-shadow:0 0 0 10px #ffd70000}}@media (max-width: 768px){.community-hero h1{font-size:2.8rem}.channels-grid,.community-features{grid-template-columns:1fr}.dao-content{grid-template-columns:1fr;gap:2rem}.evolution-timeline:before{left:30px}.evolution-step{flex-direction:row!important;padding-left:80px}.step-number{position:absolute;left:0;width:50px;height:50px;font-size:1.2rem}.step-content{margin:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.engagement-grid{grid-template-columns:1fr}.community-cta .cta-buttons{flex-direction:column;align-items:center}.community-cta .btn{width:100%;max-width:300px}}@media (max-width: 480px){.community-hero h1{font-size:2.2rem}.section-header h2,.community-cta h2{font-size:2rem}.channel-card,.feature-highlight,.dao-feature,.principle-card,.engagement-card,.stat-card{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.dao-center{width:120px;height:120px}.voting-nodes{width:250px;height:250px}.voting-node{width:60px;height:60px}}.channel-card,.feature-highlight,.dao-feature,.principle-card,.engagement-card,.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.channel-card,.engagement-card{animation:fadeInUp .6s ease-out}.channel-card:nth-child(1){animation-delay:.1s}.channel-card:nth-child(2){animation-delay:.2s}.channel-card:nth-child(3){animation-delay:.3s}.channel-card:nth-child(4){animation-delay:.4s}.channel-card:nth-child(5){animation-delay:.5s}.channel-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.channel-card.featured{box-shadow:0 0 30px #ffd7001a}.stat-change{animation:subtlePulse 3s infinite}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.8}}