.discord-community {
    box-sizing: border-box;
    padding: clamp(22px, 3.5vw, 54px) var(--section-padding-x);
    scroll-margin-top: 120px;
}
.discord-community *,
.discord-community *::before,
.discord-community *::after { box-sizing: border-box; }
.discord-community__shell {
    position: relative;
    isolation: isolate;
    width: min(100%, var(--container));
    min-height: 255px;
    margin: 0 auto;
    padding: clamp(28px, 4vw, 54px);
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(24px, 4vw, 52px);
    overflow: hidden;
    border: 1px solid rgba(76, 229, 128, .22);
    border-radius: 26px;
    background:
        radial-gradient(circle at 5% 50%, rgba(76, 229, 128, .16), transparent 29%),
        linear-gradient(125deg, rgba(8, 31, 18, .97), rgba(4, 14, 9, .98));
    box-shadow: 0 25px 65px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .035);
}
.discord-community__shell--no-action { grid-template-columns: 120px minmax(0, 1fr); }
.discord-community__shell::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -100px;
    top: -130px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(76, 229, 128, .08);
    border-radius: 50%;
    box-shadow: 0 0 0 45px rgba(76, 229, 128, .025), 0 0 0 92px rgba(76, 229, 128, .018);
}
.discord-community__icon {
    width: 112px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid rgba(76, 229, 128, .35);
    border-radius: 24px;
    color: var(--primary);
    background: rgba(1, 9, 5, .86);
    box-shadow: 0 18px 35px rgba(0, 0, 0, .28), 0 0 28px rgba(76, 229, 128, .1);
}
.discord-community__icon svg { width: 53px; height: 53px; }
.discord-community__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--primary);
    font: 800 11px/1 var(--font-tech);
    letter-spacing: .2em;
    text-transform: uppercase;
}
.discord-community__eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--primary);
}
.discord-community__copy h2 {
    margin: 17px 0 0;
    color: var(--text);
    font: 900 clamp(27px, 3vw, 43px)/1.05 var(--font-heading);
    letter-spacing: -.025em;
    text-transform: uppercase;
}
.discord-community__copy p {
    max-width: 650px;
    margin: 14px 0 0;
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.6;
}
.discord-community__action { min-width: 260px; display: grid; justify-items: start; gap: 23px; }
.discord-community__stats { display: flex; gap: 34px; }
.discord-community__stats div { display: grid; gap: 7px; }
.discord-community__stats strong {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--text);
    font: 850 16px/1 var(--font-ui);
}
.discord-community__stats i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 12px var(--primary);
}
.discord-community__stats span {
    color: rgba(176, 203, 187, .58);
    font: 750 10px/1 var(--font-tech);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.discord-community__action > a {
    min-height: 50px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 13px;
    color: #031108;
    background: linear-gradient(135deg, var(--primary), #2ac866);
    box-shadow: 0 15px 30px rgba(32, 190, 94, .2);
    font: 900 12px/1 var(--font-ui);
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .2s ease, filter .2s ease;
}
.discord-community__action > a:hover { transform: translateY(-2px); filter: brightness(1.09); }
.discord-community__action > a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.discord-community__action > a svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 980px) {
    .discord-community__shell { grid-template-columns: 96px 1fr; }
    .discord-community__shell--no-action { grid-template-columns: 96px 1fr; }
    .discord-community__icon { width: 92px; border-radius: 20px; }
    .discord-community__icon svg { width: 44px; height: 44px; }
    .discord-community__action { grid-column: 2; grid-row: 2; min-width: 0; }
}
@media (max-width: 650px) {
    .discord-community { padding-left: 13px; padding-right: 13px; }
    .discord-community__shell { padding: 27px 20px; grid-template-columns: 1fr; gap: 22px; border-radius: 21px; }
    .discord-community__icon { width: 74px; border-radius: 17px; }
    .discord-community__icon svg { width: 38px; height: 38px; }
    .discord-community__action { grid-column: auto; grid-row: auto; width: 100%; }
    .discord-community__action > a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .discord-community__action > a { transition: none; }
}