.community-page{margin:0;min-height:100vh;box-sizing:border-box;background:linear-gradient(140deg,#050d1deb,#061627e8),url('img/background.png') center/cover fixed;color:#f4f8ff;font:16px/1.5 'Segoe UI',Arial,sans-serif}
.community-page *{box-sizing:border-box}
.community-shell{max-width:1080px;margin:auto;padding:30px 24px 24px}
.community-back{display:inline-flex;align-items:center;min-height:44px;color:#bad5e8;text-decoration:none;font-size:14px;font-weight:700}
.community-back:hover{color:#ffda49}
.community-header{text-align:center;margin:10px auto 32px;max-width:740px}
.community-logo{display:block;width:min(100%,420px);height:auto;margin:0 auto 24px}
.community-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:900;color:#ffda49}
.community-header h1{font-size:clamp(27px,4vw,42px);line-height:1.15;margin:12px 0 16px;font-weight:900;font-style:italic}
.community-header h1 span{color:#ffda49}
.community-header>p:last-child{color:#b4cddd;font-size:15px}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.community-card{--social:#f39abb;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:9px;padding:26px 23px;border:1px solid #365168;border-top:3px solid var(--social);border-radius:20px;color:#f4f8ff;background:radial-gradient(ellipse at top left,#1c3b50 0,transparent 85%),#091829;text-decoration:none;box-shadow:0 10px 25px #0003;transition:border-color .18s,transform .18s}
a.community-card:hover{border-color:var(--social);transform:translateY(-3px)}
.community-discord{--social:#a7aaff}
.community-youtube{--social:#ff8d91}
.community-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #597086;border-radius:16px;background:#071424;color:var(--social);margin-bottom:6px}
.community-icon svg{width:32px;height:32px}
.community-card-heading{font-size:23px;font-weight:900}
.community-handle{color:var(--social);font-weight:700;font-size:13px;overflow-wrap:anywhere}
.community-description{color:#b4cadc;font-size:14px;min-height:48px;margin-bottom:15px}
.community-cta{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:46px;border:1px solid #8c762e;border-radius:11px;background:linear-gradient(120deg,#ffe795,#edb722);color:#101b28;padding:10px 14px;font:800 13px 'Segoe UI',Arial,sans-serif;margin-top:auto}
.community-pending .community-cta{color:#b4c4d3;background:#102238;border-color:#375068;justify-content:center;cursor:default}
.community-footer{max-width:720px;text-align:center;margin:28px auto 0;font-size:11px;color:#91aabd}
.community-footer a{display:inline-block;padding:8px;color:#b4ddeb}
.community-page a:focus-visible{outline:3px solid #ffe681;outline-offset:5px}
@media(max-width:700px){.community-grid{grid-template-columns:1fr}.community-shell{padding:16px}.community-header{margin:12px auto 25px}.community-logo{width:min(90%,340px)}.community-card{padding:20px;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px}.community-icon{grid-column:1;grid-row:1/4;margin:0}.community-card-heading,.community-handle,.community-description{grid-column:2}.community-description{min-height:0;margin:0 0 8px}.community-cta{grid-column:1/-1;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.community-card{transition:none}a.community-card:hover{transform:none}}