.discord-banner{--discord:#5865f2;--discord-soft:#aab0ff;--discord-muted:#b7bbd6;isolation:isolate;background:radial-gradient(60% 90% at 88%,#5865f233,#0000 70%),radial-gradient(50% 80% at 0 100%,#b6ff3612,#0000 70%),#0e1310;border:1px solid #ffffff17;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.discord-banner:before{z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 75%);mask-image:linear-gradient(90deg,#0000 20%,#000 75%)}.discord-banner__eyebrow{color:var(--discord-soft);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:800;display:inline-flex}.discord-banner__title{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1.08}.discord-banner__description{max-width:460px;color:var(--discord-muted);text-wrap:pretty;margin:16px 0 0;font-size:16px;line-height:1.65}.discord-banner__topics{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.discord-banner__topics li{color:#e6e8f5;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.discord-banner__topics svg{color:var(--discord-soft)}.discord-invite{background:#1e1f2a;border:1px solid #ffffff1c;border-radius:18px;transition:transform .22s;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 60px -24px #000000b0,0 0 0 6px #5865f214}.discord-banner:hover .discord-invite{transform:rotate(0)translateY(-2px)}.discord-invite__banner{background:radial-gradient(120% 140% at 100% 0%, #8b93ff, transparent 60%), linear-gradient(120deg, #4752c4, var(--discord));height:72px;position:relative;overflow:hidden}.discord-invite__watermark{color:#ffffff26;width:112px;height:112px;position:absolute;top:-18px;right:-8px;transform:rotate(-12deg)}.discord-invite__body{gap:16px;padding:0 20px 20px;display:grid;position:relative}.discord-invite__server{gap:10px;margin-top:-34px;display:grid}.discord-invite__icon{background:#0e1310;border:5px solid #1e1f2a;border-radius:20px;flex:none;place-items:center;width:64px;height:64px;display:grid}.discord-invite__icon img{object-fit:contain;width:40px;height:40px}.discord-invite__name{color:#f2f3f5;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:18px;font-weight:800;overflow:hidden}.discord-invite__counts{color:#b5bac1;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px;font-weight:600;display:flex}.discord-invite__counts span{align-items:center;gap:6px;display:inline-flex}.discord-invite__dot{background:#80848e;border-radius:50%;width:8px;height:8px}.discord-invite__dot.online{background:#23a55a;box-shadow:0 0 0 3px #23a55a2e}.discord-invite__join{background:var(--discord);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:800;transition:background-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 24px -8px #5865f2a0}.discord-invite__join:hover{background:#4752c4;box-shadow:0 10px 30px -8px #5865f2c0}.discord-invite__join:focus-visible{outline:3px solid var(--discord-soft);outline-offset:4px}.discord-invite__note{color:#949ba4;text-align:center;margin:-6px 0 0;font-size:12px}@media (width<=899px){.discord-banner{grid-template-columns:minmax(0,1fr)}.discord-banner:before{-webkit-mask-image:linear-gradient(#0000 30%,#000 90%);mask-image:linear-gradient(#0000 30%,#000 90%)}.discord-invite{width:100%;max-width:420px;transform:none}.discord-banner:hover .discord-invite{transform:none}}@media (width<=639px){.discord-banner{border-radius:20px;padding:28px 20px}.discord-banner__title{font-size:clamp(28px,8vw,36px)}.discord-invite{max-width:none}}@media (prefers-reduced-motion:reduce){.discord-invite,.discord-invite__join{transition:none}}@media (forced-colors:active){.discord-invite,.discord-banner__topics li{border-color:canvastext}}