.community-page{--cm-ink:#171329;--cm-soft:#716a82;--cm-violet:#6543d2;--cm-blue:#118ed8;--cm-cyan:#18c8ee;--cm-line:rgba(91,64,192,.13);max-width:1320px;margin:0 auto;padding:18px 26px 120px;color:var(--cm-ink)}
.community-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:34px;min-height:510px;padding:54px;border:1px solid var(--cm-line);border-radius:38px;background:radial-gradient(circle at 82% 12%,rgba(24,200,238,.18),transparent 25%),radial-gradient(circle at 8% 90%,rgba(230,87,157,.10),transparent 30%),linear-gradient(135deg,#fff 0%,#f7f4ff 57%,#ecf9ff 100%);overflow:hidden;box-shadow:0 28px 70px rgba(43,28,104,.09)}
.community-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(101,67,210,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(101,67,210,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 85%);pointer-events:none}.community-hero-copy{position:relative;z-index:2;align-self:center}.community-kicker{display:flex;align-items:center;gap:9px;color:var(--cm-violet);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.community-kicker::before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--cm-cyan),var(--cm-violet))}.community-hero h1{max-width:730px;margin:16px 0 17px;font-size:clamp(43px,5.3vw,76px);line-height:.98;letter-spacing:-.06em}.community-hero h1 span{background:linear-gradient(90deg,var(--cm-blue),var(--cm-violet));-webkit-background-clip:text;color:transparent}.community-hero-copy>p:not(.community-kicker){max-width:680px;color:var(--cm-soft);font-size:16px;line-height:1.75}.community-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.community-primary,.community-secondary{min-height:49px;border-radius:15px;padding:0 18px;font-weight:850;font-family:inherit;cursor:pointer}.community-primary{border:0;background:linear-gradient(135deg,#7655df,#5635c6);color:#fff;box-shadow:0 14px 30px rgba(83,53,198,.24)}.community-secondary{border:1px solid var(--cm-line);background:#fff;color:var(--cm-ink)}.community-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.community-trust span{display:flex;align-items:center;gap:6px;color:#766f84;font-size:10px;font-weight:750}.community-trust i{width:7px;height:7px;border-radius:50%;background:#1dc88b;box-shadow:0 0 0 4px rgba(29,200,139,.1)}
.community-hero-scene{position:relative;min-height:390px;align-self:center}.community-orbit{position:absolute;inset:35px;border:1px dashed rgba(101,67,210,.35);border-radius:50%;transform:rotate(-8deg)}.community-orbit::before,.community-orbit::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cm-cyan);box-shadow:0 0 0 8px rgba(24,200,238,.13)}.community-orbit::before{left:11%;top:17%}.community-orbit::after{right:5%;bottom:25%;background:#e6579d;box-shadow:0 0 0 8px rgba(230,87,157,.12)}.community-scene-card{position:absolute;padding:16px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(101,67,210,.12);box-shadow:0 18px 45px rgba(44,29,105,.13);backdrop-filter:blur(15px)}.community-scene-card small,.community-scene-card span{display:block;color:#7a728a;font-size:9px}.community-scene-card strong,.community-scene-card b{display:block;margin:5px 0;font-size:14px}.community-scene-card i{font-size:21px;color:var(--cm-violet)}.community-scene-card.is-main{left:14%;top:24%;width:61%;padding:24px;background:linear-gradient(145deg,#211944,#4935a1);color:#fff;transform:rotate(-2deg)}.community-scene-card.is-main small,.community-scene-card.is-main span{color:rgba(255,255,255,.65)}.community-scene-card.is-main strong{font-size:22px}.community-scene-card.is-prayer{right:1%;top:8%;width:36%;transform:rotate(3deg)}.community-scene-card.is-news{left:0;bottom:8%;width:35%;transform:rotate(-3deg)}.community-verse{position:absolute;right:0;bottom:4%;width:52%;padding:18px;border-radius:18px;background:linear-gradient(135deg,#effcff,#f3eeff);color:#332659;font-family:"Source Serif 4",serif;font-size:18px;line-height:1.45}.community-verse small{display:block;margin-top:7px;color:#6d5dc0;font-family:Manrope,sans-serif;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.community-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.community-stats article{padding:19px;border:1px solid var(--cm-line);border-radius:21px;background:rgba(255,255,255,.88);box-shadow:0 12px 35px rgba(43,28,104,.05)}.community-stats strong{display:block;font-size:25px;color:#5635c6}.community-stats span{display:block;margin-top:3px;color:#777083;font-size:10px}.community-subnav{position:sticky;top:calc(var(--gpt-header-height) + 8px);z-index:70;display:flex;gap:7px;margin:22px auto 0;padding:7px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid var(--cm-line);box-shadow:0 13px 35px rgba(38,25,90,.08);backdrop-filter:blur(15px);overflow-x:auto;scrollbar-width:none}.community-subnav button{flex:1;min-width:145px;min-height:43px;border:0;border-radius:12px;background:transparent;color:#756e83;font-family:inherit;font-weight:800;cursor:pointer}.community-subnav button.is-active,.community-subnav button:hover{background:#eee9ff;color:#5f3ed1}
.community-section{scroll-margin-top:150px;margin-top:58px}.community-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.community-section-head h2{margin-top:9px;font-size:clamp(29px,3.5vw,47px);line-height:1;letter-spacing:-.045em}.community-section-head>a,.community-section-head>button,.community-section-head>span{border:0;background:transparent;color:#6543d2;font-size:11px;font-weight:850;text-decoration:none}.community-section-head>button{padding:10px 13px;border:1px solid var(--cm-line);border-radius:12px;background:#fff;cursor:pointer}.community-filter{display:flex;gap:7px;overflow-x:auto;padding-bottom:9px;scrollbar-width:none}.community-filter button{flex:0 0 auto;min-height:37px;padding:0 13px;border:1px solid var(--cm-line);border-radius:999px;background:#fff;color:#736c80;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}.community-filter button.is-active{background:#211944;color:#fff;border-color:#211944}.community-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:9px}.community-event{display:flex;flex-direction:column;min-height:330px;border:1px solid var(--cm-line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 16px 40px rgba(42,27,97,.06);transition:.18s}.community-event:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(42,27,97,.11)}.community-event-media{position:relative;height:148px;background:linear-gradient(135deg,#46308f,#8d72e8);overflow:hidden}.community-event-media img{width:100%;height:100%;object-fit:cover}.community-event-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(20,12,49,.58))}.community-event-tag{position:absolute;z-index:2;left:11px;top:11px;padding:5px 8px;border-radius:999px;background:rgba(24,18,50,.66);color:#fff;font-size:8px;font-weight:850;text-transform:uppercase}.community-event-source{position:absolute;z-index:2;right:11px;top:11px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.88);color:#51446a;font-size:8px;font-weight:850}.community-event-body{display:flex;flex-direction:column;flex:1;padding:16px}.community-event-body h3{font-size:16px;line-height:1.3}.community-event-meta{display:grid;gap:6px;margin-top:12px;color:#7a7386;font-size:10px}.community-event-meta span{display:flex;align-items:center;gap:6px}.community-event-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:15px}.community-event-foot small{color:#877f91}.community-event-foot a,.community-event-foot button{min-height:36px;border:0;border-radius:11px;background:#eee9ff;color:#6040cc;padding:0 12px;font-family:inherit;font-size:10px;font-weight:850;text-decoration:none;cursor:pointer}.community-event-foot button.is-joined{background:#def8eb;color:#17885c}.community-loading,.community-empty{grid-column:1/-1;display:grid;place-items:center;gap:10px;min-height:160px;color:#81798e;font-size:11px}.community-loading i{width:26px;height:26px;border:3px solid #d9d0fa;border-top-color:#6543d2;border-radius:50%;animation:cmSpin .75s linear infinite}@keyframes cmSpin{to{transform:rotate(360deg)}}
.community-map{height:360px;border:1px solid var(--cm-line);border-radius:28px;background:linear-gradient(135deg,#f4efff,#eaf9ff);overflow:hidden;box-shadow:0 18px 44px rgba(42,27,97,.07)}.community-map-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.community-map-placeholder>i{font-size:47px;color:#6543d2;opacity:.5}.community-map-placeholder strong{margin-top:10px}.community-map-placeholder p{max-width:420px;margin:7px 0 14px;color:#766f83;font-size:11px;line-height:1.6}.community-map-placeholder button{min-height:40px;border:0;border-radius:12px;background:#6543d2;color:#fff;padding:0 14px;font-family:inherit;font-weight:850;cursor:pointer}.leaflet-container{font-family:Manrope,sans-serif}
.community-live{display:flex;align-items:center;gap:6px!important;color:#1b9e6b!important}.community-live i{width:8px;height:8px;border-radius:50%;background:#1dc88b;box-shadow:0 0 0 5px rgba(29,200,139,.12)}.community-chat{border:1px solid var(--cm-line);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 48px rgba(42,27,97,.07)}.community-chat-tabs{display:flex;gap:5px;padding:8px;background:#f7f5fc;overflow-x:auto}.community-chat-tabs button{flex:0 0 auto;min-height:38px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#7d7589;font-family:inherit;font-size:10px;font-weight:850;cursor:pointer}.community-chat-tabs button.is-active{background:#fff;color:#6040cc;box-shadow:0 6px 16px rgba(45,28,104,.07)}.community-chat>header{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-top:1px solid var(--cm-line);border-bottom:1px solid var(--cm-line)}.community-chat>header>div{display:flex;align-items:center;gap:8px}.community-chat>header i{color:#6543d2}.community-chat>header span{color:#1b9e6b;font-size:9px;font-weight:800}.community-chat-messages{height:360px;overflow-y:auto;padding:17px;background:linear-gradient(180deg,#fff,#fbfaff);display:flex;flex-direction:column;gap:11px}.community-message{display:flex;gap:8px;max-width:82%}.community-message.is-me{align-self:flex-end;flex-direction:row-reverse}.community-message-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#18c8ee,#7655df);color:#fff;font-size:10px;font-weight:900;flex:0 0 31px}.community-message-bubble{padding:10px 13px;border:1px solid var(--cm-line);border-radius:15px 15px 15px 4px;background:#fff;color:#302a3c;font-size:12px;line-height:1.5}.community-message.is-me .community-message-bubble{border:0;border-radius:15px 15px 4px 15px;background:linear-gradient(135deg,#7655df,#5635c6);color:#fff}.community-message small{display:block;margin-top:4px;color:#8b8494;font-size:8px}.community-message.is-me small{text-align:right}.community-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--cm-line)}.community-chat-form input{flex:1;min-width:0;height:45px;border:1px solid var(--cm-line);border-radius:13px;background:#faf9fd;padding:0 14px;font:600 12px/1 Manrope,sans-serif;outline:0}.community-chat-form input:focus{border-color:#7655df;box-shadow:0 0 0 4px rgba(118,85,223,.08)}.community-chat-form button{width:45px;border:0;border-radius:13px;background:#6543d2;color:#fff;cursor:pointer}
.community-news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.community-news>a{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--cm-line);border-radius:18px;background:#fff;color:inherit;text-decoration:none}.community-news img,.community-news-icon{width:70px;height:70px;border-radius:13px;object-fit:cover}.community-news-icon{display:grid;place-items:center;background:#eee9ff;color:#6543d2;font-size:23px}.community-news div{min-width:0}.community-news small{display:block;color:#6543d2;font-size:8px;font-weight:850;text-transform:uppercase}.community-news strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:4px 0;font-size:12px;line-height:1.4}.community-news div>span{color:#8a8293;font-size:8px}.community-news>a>i{color:#938aa0}
@media(max-width:1050px){.community-hero{grid-template-columns:1fr;padding:38px}.community-hero-scene{min-height:380px}.community-events{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.community-page{padding:10px 11px 105px}.community-hero{padding:24px 18px;border-radius:27px;min-height:auto}.community-hero h1{font-size:39px}.community-hero-copy>p:not(.community-kicker){font-size:13px}.community-hero-scene{min-height:310px}.community-scene-card.is-main{left:8%;top:27%;width:72%;padding:18px}.community-scene-card.is-main strong{font-size:17px}.community-scene-card.is-prayer{width:42%;right:-2%}.community-scene-card.is-news{width:40%}.community-verse{width:58%;font-size:14px}.community-stats{grid-template-columns:1fr 1fr}.community-subnav{top:calc(var(--gpt-header-height) + 5px);margin-top:14px}.community-section{margin-top:40px;scroll-margin-top:135px}.community-section-head{align-items:flex-start}.community-section-head h2{font-size:31px}.community-events,.community-news{grid-template-columns:1fr}.community-event{min-height:310px}.community-map{height:310px}.community-chat-messages{height:330px}.community-actions>*{width:100%}}