.communities-modern{padding:0;position:relative;overflow:hidden}.communities-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#d4af37 50%,transparent)}.communities-modern .container{max-width:none;margin:0;padding:0}.communities-page .communities-modern .container{max-width:1400px;margin:0 auto;padding:0 20px}.communities-header{text-align:center;margin-bottom:80px;opacity:0;transform:translateY(50px);transition:all .8s ease}.communities-header.animate-in{opacity:1;transform:translateY(0)}.header-badge{display:inline-block;margin-bottom:20px}.header-badge span{background:linear-gradient(135deg,#d4af37,#b8941f);color:white;padding:12px 30px;border-radius:50px;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 15px rgba(212,175,55,.3)}.main-title{font-size:4rem;font-weight:700;color:#2c3e50;margin-bottom:30px;line-height:1.1;max-width:800px;margin-left:auto;margin-right:auto}.title-accent{background:linear-gradient(135deg,#d4af37,#b8941f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-description{font-size:1.3rem;color:#7f8c8d;line-height:1.7;max-width:700px;margin:0 auto}.featured-community{margin-bottom:80px;opacity:0;transform:translateY(50px);transition:all .8s ease;transition-delay:.2s;padding:0 20px}.communities-page .featured-community{padding:0}.featured-community.animate-in{opacity:1;transform:translateY(0)}.featured-content{border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.15);position:relative;height:500px}.featured-image{position:relative;height:100%;cursor:pointer;overflow:hidden}.featured-bg{object-fit:cover;object-position:center;transition:transform .6s ease}.featured-image:hover .featured-bg{transform:scale(1.05)}.featured-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));z-index:1}.featured-info{position:absolute;top:50%;left:60px;transform:translateY(-50%);z-index:2;color:white;max-width:500px}.featured-badge{background:rgba(212,175,55,.9);color:white;padding:8px 20px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:inline-block}.featured-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1}.featured-description{font-size:1.2rem;line-height:1.6;margin-bottom:30px;opacity:.95}.explore-button{background:linear-gradient(135deg,#d4af37,#b8941f);color:white;padding:16px 35px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.explore-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(212,175,55,.4)}.button-arrow{transition:transform .3s ease}.explore-button:hover .button-arrow{transform:translateX(5px)}.communities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:80px;opacity:0;transform:translateY(50px);transition:all .8s ease;transition-delay:.4s}.communities-page .communities-grid{gap:20px;padding:0 20px}.communities-grid.animate-in{opacity:1;transform:translateY(0)}.community-card{position:relative;height:200px;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease;border:3px solid transparent}.community-card:hover{transform:translateY(-10px);border-color:#d4af37;box-shadow:0 20px 40px rgba(0,0,0,.15)}.card-image{position:relative;height:100%;overflow:hidden}.community-bg{object-fit:cover;object-position:center;transition:transform .4s ease}.community-card:hover .community-bg{transform:scale(1.1)}.card-overlay{top:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7));z-index:1}.card-content,.card-overlay{position:absolute;left:0;right:0;bottom:0}.card-content{padding:25px;z-index:2;color:white;display:flex;justify-content:space-between;align-items:flex-end}.community-name{font-size:1.1rem;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card-indicator{width:12px;height:12px;position:relative}.indicator-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);border:2px solid white;display:block;transition:all .3s ease}.community-card.active .indicator-dot{background:#d4af37;border-color:#d4af37;box-shadow:0 0 15px rgba(212,175,55,.6)}.communities-stats{background:white;border-radius:20px;padding:60px 0;margin-bottom:80px;box-shadow:0 20px 40px rgba(0,0,0,.08);opacity:0;transform:translateY(50px);transition:all .8s ease;transition-delay:.6s}.communities-stats.animate-in{opacity:1;transform:translateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1000px;margin:0 auto;padding:0 40px}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:700;color:#d4af37;margin-bottom:10px;display:block}.stat-label{font-size:1rem;color:#7f8c8d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.communities-cta{text-align:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:24px;padding:80px 60px;color:white;opacity:0;transform:translateY(50px);transition:all .8s ease;transition-delay:.8s}.communities-cta.animate-in{opacity:1;transform:translateY(0)}.cta-content h3{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-content p{font-size:1.2rem;opacity:.9;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:18px 35px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:200px}.cta-primary{background:linear-gradient(135deg,#d4af37,#b8941f);color:white}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(212,175,55,.4)}.cta-secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,.5)}.cta-secondary:hover{background:rgba(255,255,255,.1);border-color:white;transform:translateY(-3px)}@media (max-width:1024px){.communities-grid{gap:15px}.communities-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{gap:30px}.main-title{font-size:3rem}.featured-title{font-size:2.5rem}.featured-info{left:40px;max-width:400px}}@media (max-width:768px){.communities-modern{padding:80px 0}.communities-header{margin-bottom:60px}.main-title{font-size:2.5rem}.header-description{font-size:1.1rem}.featured-content{height:400px}.featured-info{left:30px;max-width:350px}.featured-title{font-size:2rem}.featured-description{font-size:1rem}.communities-grid{grid-template-columns:1fr;gap:15px}.community-card{height:150px}.stats-grid{grid-template-columns:1fr;gap:40px}.stat-number{font-size:2.5rem}.communities-cta{padding:60px 30px}.cta-content h3{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px}}@media (max-width:480px){.communities-modern .container{padding:0 15px}.main-title{font-size:2rem}.featured-content{height:350px}.featured-info{left:20px;right:20px;max-width:none}.featured-title{font-size:1.8rem}.community-card{height:120px}.card-content{padding:20px}.community-name{font-size:1rem}.communities-cta{padding:40px 20px}.cta-content h3{font-size:1.8rem}.cta-content p{font-size:1rem}}