/* Discord — sign-in buttons & community links (shared sitewide) */
.dc-mark{
  display:block;flex:none;width:1em;height:1em;
  shape-rendering:geometricPrecision;
}
.dc-mark path{fill:currentColor}

.btn.btn-discord,
.btn-discord{
  --dc-blurple:#5865f2;
  --dc-blurple-mid:#4e5ad8;
  --dc-blurple-dark:#4752c4;
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:100%;max-width:320px;min-height:48px;
  padding:13px 22px 13px 16px;border:1px solid rgba(255,255,255,.1);
  border-radius:12px!important;
  font-family:var(--font,"Sora",system-ui,sans-serif)!important;
  font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.2;
  color:#fff;text-decoration:none;cursor:pointer;
  background:linear-gradient(180deg,#7280f8 0%,var(--dc-blurple) 38%,var(--dc-blurple-dark) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 28px -8px rgba(88,101,242,.62),
    0 2px 6px rgba(0,0,0,.22);
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .22s,filter .22s,border-color .22s;
  overflow:hidden;
}
.btn-discord::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,transparent 38%,transparent 100%);
}
.btn-discord::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.18),transparent 55%);
  transition:opacity .22s;
}
.btn-discord:hover:not(:disabled){
  transform:translateY(-2px);
  filter:saturate(1.05);
  border-color:rgba(255,255,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 16px 36px -10px rgba(88,101,242,.72),
    0 4px 10px rgba(0,0,0,.28);
}
.btn-discord:hover:not(:disabled)::after{opacity:1}
.btn-discord:active:not(:disabled){transform:translateY(0) scale(.985)}
.btn-discord:focus-visible{
  outline:2px solid rgba(114,128,248,.95);
  outline-offset:3px;
}
.btn-discord .dc-mark-wrap{
  position:relative;z-index:1;
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex-shrink:0;
  background:rgba(0,0,0,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 3px rgba(0,0,0,.15);
}
.btn-discord .dc-mark{width:20px;height:20px}
.btn-discord .dc-label{position:relative;z-index:1}

.link-discord{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font,"Sora",system-ui,sans-serif);
  font-size:14px;font-weight:600;letter-spacing:-.01em;
  color:#c8ceff!important;text-decoration:none!important;
  padding:8px 14px 8px 11px;border-radius:999px;
  border:1px solid rgba(88,101,242,.38);
  background:linear-gradient(180deg,rgba(88,101,242,.18),rgba(88,101,242,.1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px -14px rgba(88,101,242,.55);
  vertical-align:middle;
  transition:transform .18s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s,color .2s,box-shadow .2s;
}
.link-discord:hover{
  color:#eef0ff!important;
  background:linear-gradient(180deg,rgba(88,101,242,.28),rgba(88,101,242,.16));
  border-color:rgba(114,128,248,.55);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px -12px rgba(88,101,242,.65);
}
.link-discord:focus-visible{outline:2px solid rgba(114,128,248,.85);outline-offset:3px}
.link-discord .dc-mark{width:18px;height:18px}

#support-discord.support-consent{
  background:radial-gradient(ellipse 90% 65% at 50% 0%,rgba(88,101,242,.16),transparent 68%);
}
#support-discord .gate-icon{
  background:linear-gradient(145deg,rgba(88,101,242,.22),rgba(88,101,242,.1));
  border-color:rgba(88,101,242,.38);
  box-shadow:0 14px 36px -16px rgba(88,101,242,.45),inset 0 1px 0 rgba(255,255,255,.08);
}
#support-discord .gate-icon .dc-mark{width:32px;height:32px;color:#fff}

.btn.btn-discord.btn-block{max-width:none}

@media(prefers-reduced-motion:reduce){
  .btn-discord,.link-discord{transition:none}
}