.discord-banner{--discord:#5865f2;--discord-text:#f7f7ff;--discord-muted:#c3c4e4;isolation:isolate;color:var(--discord-text);background:radial-gradient(at 0 110%,#5865f238,#0000 55%),radial-gradient(at 100% 0,#7770ef30,#0000 55%),#15152b;border:1px solid #777ffa45;border-radius:24px;grid-template-columns:136px minmax(0,1fr) auto;align-items:center;gap:clamp(24px,3vw,48px);padding:clamp(32px,4vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.discord-banner:after{z-index:-1;content:"";pointer-events:none;border:1px solid #a9adff14;border-radius:50%;width:380px;height:380px;position:absolute;top:-155px;right:-130px;box-shadow:0 0 0 42px #a9adff05,0 0 0 84px #a9adff04}.discord-banner__art{place-items:center;width:136px;height:136px;display:grid;position:relative}.discord-banner__orbit{border:1px solid #a9adff30;border-radius:50%;position:absolute;inset:-5px;transform:rotate(-18deg)scaleX(1.14)}.discord-banner__icon{background:linear-gradient(145deg, #7983ff, var(--discord) 60%, #4751c9);border:1px solid #aab0ff66;border-radius:28px;place-items:center;width:104px;height:104px;display:grid;transform:rotate(-8deg);box-shadow:0 18px 38px -12px #5865f290,inset 0 1px #ffffff40}.discord-banner__icon svg{transform:rotate(8deg)}.discord-banner__spark{background:#b8bdff;border:2px solid #15152b;border-radius:50%;width:9px;height:9px;position:absolute}.discord-banner__spark--one{top:8px;right:7px}.discord-banner__spark--two{width:6px;height:6px;bottom:3px;left:24px}.discord-banner__eyebrow{color:#c3c7ff;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.discord-banner__title{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(28px,3.1vw,42px);font-weight:800;line-height:1.14}.discord-banner__title span{color:#b7beff;display:block}.discord-banner__description{max-width:440px;color:var(--discord-muted);text-wrap:pretty;margin:16px 0 0;font-size:15px;line-height:1.7}.discord-banner__action{justify-items:center;gap:12px;display:grid}.discord-banner__link{background:var(--discord-text);color:#25265b;white-space:nowrap;border:1px solid #ffffff80;border-radius:12px;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:14px 24px;font-size:15px;font-weight:800;transition:background-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 5px 20px #00000020}.discord-banner__link:hover{background:#dfe2ff;box-shadow:0 5px 28px #5865f240}.discord-banner__link:focus-visible{outline-offset:5px;outline:3px solid #c3c7ff}.discord-banner__note{color:var(--discord-muted);font-size:12px}@media (width<=1023px){.discord-banner{grid-template-columns:112px minmax(0,1fr)}.discord-banner__art{width:112px;height:112px}.discord-banner__icon{border-radius:24px;width:88px;height:88px}.discord-banner__action{grid-column:2;justify-items:start}}@media (width<=639px){.discord-banner{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 24px}.discord-banner__art{width:80px;height:80px}.discord-banner__icon{border-radius:20px;width:68px;height:68px}.discord-banner__icon svg{width:42px;height:42px}.discord-banner__title{font-size:clamp(28px,7vw,36px)}.discord-banner__eyebrow{letter-spacing:.12em;font-size:10px}.discord-banner__action{grid-column:1;justify-items:stretch}.discord-banner__note{text-align:center}}@media (prefers-reduced-motion:reduce){.discord-banner__link{transition:none}}