.community-wrapper{max-width:900px;margin:auto;padding:40px 20px;color:#fff;font-family:Inter,sans-serif}.community-title{font-size:2.4rem;font-weight:800;text-align:center;color:#ffffff;margin-bottom:15px}.community-subtitle{text-align:center;color:#b8b8b8;font-size:1.1rem;margin-bottom:25px;line-height:1.5}.community-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:18px;gap:18px;margin-bottom:40px}.community-card{background:#1a1a1a;border:1px solid #2a2a2a;padding:18px;border-radius:10px;transition:all .3s ease}.community-card:hover{border-color:#00e676;background-color:#242424;transform:translateY(-2px)}.card-title{font-size:1.15rem;margin-bottom:8px;color:#00e676}.card-description{font-size:.95rem;color:#d0d0d0;line-height:1.5}.community-join-btn{background-color:transparent;color:#fff;padding:.9rem 1.7rem;border:2px solid #82ffb6;border-radius:.6rem;font-weight:600;transition:all .3s ease;display:block;margin:25px auto 0;cursor:pointer;box-shadow:0 0 12px rgba(0,230,118,.4)}.community-join-btn:hover{transform:translateY(-3px);box-shadow:0 0 18px rgba(0,230,118,.6)}.community-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in-out}.community-modal{background:#1a1a1a;border:1px solid #2a2a2a;width:90%;max-width:480px;padding:26px;border-radius:12px;animation:scaleUp .25s ease-in-out;box-shadow:0 0 20px rgba(0,230,118,.25);max-height:none;overflow-y:scroll}.community-modal h2{color:#00e676;font-size:1.5rem;margin-bottom:10px}.community-modal p{color:#b8b8b8;margin-bottom:18px;line-height:1.5}.community-form{display:flex;flex-direction:column;gap:14px}.community-form input,.community-form textarea{width:100%;padding:12px 14px;background:#000;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:.95rem;resize:none;outline:none;transition:border .25s ease,box-shadow .25s ease;box-sizing:border-box}.community-success-message{background:rgba(0,230,118,.1);border:1px solid #00e676;color:#00e676;padding:10px;border-radius:8px;margin-top:8px;font-size:.9rem;text-align:center}.community-form input:focus,.community-form textarea:focus{border-color:#00e676;box-shadow:0 0 8px rgba(0,230,118,.3)}.form-actions{display:flex;gap:12px;margin-top:10px}.community-submit-btn{flex:1 1;background:linear-gradient(90deg,#00c853,#00e676);color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s ease}.community-submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 10px rgba(0,230,118,.4)}.community-cancel-btn{flex:1 1;background:transparent;color:#82ffb6;border:1px solid #82ffb6;padding:12px;border-radius:8px;cursor:pointer;transition:.3s ease}.community-cancel-btn:hover{background:rgba(130,255,182,.1);border-color:#00e676}@media (max-width:480px){.community-modal{padding:20px;max-width:92%}.community-title{font-size:2rem}.community-subtitle{font-size:1rem}.form-actions{flex-direction:column}.community-cancel-btn,.community-submit-btn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}