/* ============================================================
   crying.rest donate page
   ============================================================ */

.donate-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px;
}

.donate-card{
  position:relative;border-radius:24px;overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(20,20,20,.7) 0%,rgba(8,8,8,.82) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.55);
  --mx:50%; --my:50%; --glow:0;
  transition:border-color .55s cubic-bezier(.22,1,.36,1),
             box-shadow .55s cubic-bezier(.22,1,.36,1),
             transform .5s cubic-bezier(.22,1,.36,1);
}
/* cursor-tracked highlight, same mechanism as the homepage's feature cards */
.donate-card::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(360px circle at var(--mx) var(--my),
             rgba(255,255,255,.12) 0%,rgba(255,255,255,.05) 32%,transparent 62%);
  opacity:var(--glow);transition:opacity .5s cubic-bezier(.22,1,.36,1);
}
.donate-card:hover{
  border-color:rgba(255,255,255,.28);transform:translateY(-3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 70px rgba(0,0,0,.6);
}
.donate-card{will-change:transform}

/* soft moving glow behind each card, restrained, not a rainbow gradient */
.donate-card-glow{
  position:absolute;inset:-40% -20% auto -20%;height:70%;z-index:0;pointer-events:none;
  filter:blur(46px);opacity:.55;
}
.donate-card-bot .donate-card-glow{
  background:radial-gradient(ellipse at 30% 20%,rgba(127,180,255,.35),transparent 70%);
}
.donate-card-dev .donate-card-glow{
  background:radial-gradient(ellipse at 70% 20%,rgba(214,160,255,.32),transparent 70%);
}

.donate-card-inner{position:relative;z-index:1;padding:36px 34px 32px}

.donate-who{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.donate-avatar{
  width:72px;height:72px;border-radius:50%;flex:none;overflow:hidden;
  padding:3px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
}
.donate-card-bot .donate-avatar{box-shadow:0 0 0 2px rgba(127,180,255,.5),0 0 22px rgba(127,180,255,.25)}
.donate-card-dev .donate-avatar{box-shadow:0 0 0 2px rgba(214,160,255,.5),0 0 22px rgba(214,160,255,.25)}
.donate-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

.donate-who h2{
  font-family:var(--heading);font-weight:500;font-size:21px;letter-spacing:-.01em;
  color:var(--text-bright);display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.donate-role{display:block;font-size:12.5px;color:var(--text-dim);margin-top:3px}

.donate-copy{font-size:13.5px;line-height:1.75;color:var(--text);margin-bottom:24px}

.donate-addrs{display:flex;flex-direction:column;gap:8px}
.donate-row{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);
  transition:background .16s ease,border-color .16s ease;
}
.donate-row:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.14)}

.donate-coin{
  width:34px;height:34px;border-radius:50%;flex:none;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
}
.donate-coin img{width:100%;height:100%;object-fit:contain;display:block}

.donate-row-main{flex:1;min-width:0}
.donate-row-label{display:block;font-size:11.5px;color:var(--text-dim);margin-bottom:2px}
.donate-addr{
  display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;
  color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.donate-copy-btn{
  flex:none;width:34px;height:34px;border-radius:10px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);
  color:var(--text-mid);transition:color .16s ease,background .16s ease,border-color .16s ease,transform .12s ease;
}
.donate-copy-btn .i{width:14px;height:14px}
.donate-copy-btn:hover{color:var(--text-bright);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3)}
.donate-copy-btn:active{transform:scale(.92)}
.donate-copy-btn.copied{color:#000!important;background:#fff!important;border-color:#fff!important}

/* solo-dev badge + tooltip */
.donate-badge{
  position:relative;display:inline-flex;align-items:center;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;
  color:var(--text-dim);background:rgba(255,255,255,.07);
  padding:3px 9px;border-radius:20px;cursor:default;
}
.donate-tooltip{
  position:absolute;left:50%;bottom:calc(100% + 10px);translate:-50% 0;z-index:10;
  width:220px;padding:11px 13px;border-radius:12px;
  border:1px solid var(--card-border);background:#0d0d0d;
  box-shadow:0 18px 40px rgba(0,0,0,.6);
  font-size:12px;line-height:1.6;font-weight:400;text-transform:none;letter-spacing:0;
  color:var(--text-mid);
  opacity:0;transform:translateY(4px);pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
}
.donate-badge:hover .donate-tooltip,
.donate-badge:focus-visible .donate-tooltip{
  opacity:1;transform:none;pointer-events:auto;
}

.donate-footnote{
  margin-top:22px;font-size:12.5px;line-height:1.7;color:var(--text-dim);text-align:center;
}
.donate-footnote a{color:var(--text-bright);text-decoration:underline;text-underline-offset:3px}

@media (max-width:860px){
  .donate-grid{grid-template-columns:1fr}
}
@media (max-width:500px){
  .donate-card-inner{padding:24px 18px 22px}
  .donate-addr{max-width:150px}
}

/* forced to one line at every width, unlike the shared .page-hero h1 rule */
.donate-hero-title{
  white-space:nowrap;
  font-size:clamp(17px,4vw,46px)!important;
}

/* ---------- context strip above the donate cards ---------- */

.donate-why{margin-bottom:24px}
.donate-why .icon{
  width:38px;height:38px;margin:0 auto 14px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.07);
}
.donate-why .icon .i{width:16px;height:16px;color:var(--text-bright)}
.donate-why b{
  display:block;font-family:var(--heading);font-weight:500;font-size:17px;
  color:var(--text-bright);margin-bottom:6px;
}
.donate-why p{font-size:12.5px;color:var(--text);line-height:1.65}