.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}.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}.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(280px,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}.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;position:relative;overflow:hidden}.dao-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.03) 0%,transparent 70%);pointer-events:none}.dao-content{max-width:1400px;margin:0 auto;position:relative;z-index:2}.dao-visual-wrapper{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:24px;padding:3rem;position:relative;overflow:hidden}.dao-visual-wrapper:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%);animation:rotate 20s linear infinite}.dao-visual-title{text-align:center;font-size:2.5rem;font-weight:800;color:gold;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-1px;position:relative;z-index:2}.dao-visual-subtitle{text-align:center;font-size:1.2rem;color:#999;margin-bottom:3rem;position:relative;z-index:2}.dao-infographic{position:relative;width:100%;max-width:800px;height:500px;margin:0 auto 3rem}.dao-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.hub-inner{width:200px;height:200px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid #ffd700;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px #ffd7004d,inset 0 0 20px #ffd7001a;transition:all .3s ease;animation:pulse 3s ease-in-out infinite;padding:1rem}.hub-inner:hover{transform:scale(1.05);box-shadow:0 0 60px #ffd70080,inset 0 0 30px #ffd70033}.hub-icon{font-size:3.5rem;margin-bottom:.5rem;line-height:1}.hub-label{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem}.hub-label strong{font-size:1.3rem;color:gold;font-weight:800;text-transform:uppercase;letter-spacing:1px;line-height:1}.hub-label span{font-size:.85rem;color:#999;font-weight:600;text-transform:uppercase;line-height:1}.dao-connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.dao-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-in-out forwards}.dao-line:nth-child(1){animation-delay:.2s}.dao-line:nth-child(2){animation-delay:.4s}.dao-line:nth-child(3){animation-delay:.6s}.dao-line:nth-child(4){animation-delay:.8s}@keyframes drawLine{to{stroke-dashoffset:0}}.dao-particle{filter:drop-shadow(0 0 3px #ffd700)}.dao-node{position:absolute;z-index:5}.dao-node-1{top:0;left:5%}.dao-node-2{top:0;right:5%}.dao-node-3{bottom:20px;left:5%}.dao-node-4{bottom:20px;right:5%}.node-inner{background:linear-gradient(135deg,#1a1a1a,#252525);border:2px solid #333;border-radius:16px;padding:1.5rem;min-width:160px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;opacity:0;animation:nodeAppear .6s ease-out forwards}.dao-node-1 .node-inner{animation-delay:.3s}.dao-node-2 .node-inner{animation-delay:.5s}.dao-node-3 .node-inner{animation-delay:.7s}.dao-node-4 .node-inner{animation-delay:.9s}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.node-inner:hover{border-color:gold;background:linear-gradient(135deg,#222,#2a2a2a);transform:translateY(-5px);box-shadow:0 8px 25px #ffd70033}.node-icon{font-size:2.5rem;display:block;text-align:center;margin-bottom:.8rem}.node-content{text-align:center}.node-content h4{font-size:1rem;font-weight:700;color:gold;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}.node-content p{font-size:.85rem;color:#999;line-height:1.4}.dao-flow-steps{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.flow-step{display:flex;align-items:center;gap:.8rem;background:#1a1a1a;border:2px solid #333;border-radius:50px;padding:1rem 1.5rem;transition:all .3s ease}.flow-step:hover{border-color:gold;background:#222;transform:translateY(-3px);box-shadow:0 5px 15px #ffd7001a}.step-num{width:35px;height:35px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 0 10px #ffd70066}.step-text{color:#ccc;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.flow-arrow{color:gold;font-size:1.5rem;font-weight:700;animation:arrowBounce 2s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.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}.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-vision-section{padding:4rem 0;background:#111}.vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 3rem}.vision-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.vision-card:hover{background:#222;border-color:gold;transform:translateY(-5px);box-shadow:0 8px 25px #ffd7001a}.vision-card.highlight{border-color:gold;background:#1f1f1f;position:relative}.vision-card.highlight:before{content:"⭐ Priority";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}.vision-icon{font-size:3rem;margin-bottom:1rem;display:block}.vision-card h3{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.vision-card p{color:#ccc;line-height:1.6;font-size:1rem}.vision-cta{text-align:center;max-width:600px;margin:0 auto;padding:2rem;background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:16px}.vision-cta p{font-size:1.2rem;color:#ccc;margin-bottom:1.5rem;line-height:1.6}.vision-cta .btn{font-size:1.1rem;padding:1rem 2rem}.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-infographic{height:600px}.dao-node{position:relative;margin-bottom:1rem}.dao-node-1,.dao-node-2,.dao-node-3,.dao-node-4{position:static;display:inline-block;margin:.5rem}.dao-connections{display:none}.hub-inner{width:160px;height:160px;padding:.8rem}.hub-icon{font-size:3rem}.hub-label strong{font-size:1.1rem}.hub-label span{font-size:.75rem}.flow-step{padding:.8rem 1.2rem}.flow-arrow{display:none}.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}.vision-grid,.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,.vision-card{padding:1.5rem}.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}}