/* ---------- BotMassacre donate theme ---------- */
:root{
  --bg:#0f1115; --card:#151a21; --card-2:#1b2230; --border:#242a36;
  --text:#e5e7eb; --muted:#9aa3b2; --accent:#28c4a5; --accent-2:#4cc9f0;
  --danger:#ef4444; --success:#22c55e; --radius:14px;
  --shadow:0 8px 24px rgba(0,0,0,.45); --inset:inset 0 1px 0 rgba(255,255,255,.04);
  --focus:0 0 0 3px rgba(76,201,240,.25);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
.container{max-width:840px;margin:48px auto;padding:0 16px}
.site-head{display:flex;gap:16px;align-items:center;margin-bottom:24px}

/* OLD square logo kept for compatibility (unused now) */
.logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--shadow)}

/* NEW brand badge */
.brand-badge{
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:var(--card-2);border:1px solid var(--border);
  box-shadow:var(--shadow),var(--inset);font-weight:800;font-size:.95rem;letter-spacing:.3px;color:#cfe9ff
}
.brand-badge::after{content:"BM"}

.title h1{margin:0;font-size:1.6rem;letter-spacing:.2px}
.title .sub{color:var(--muted);margin-top:2px;font-size:.95rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  box-shadow:var(--shadow),var(--inset);padding:22px}
p{margin:10px 0} .muted{color:var(--muted)}
ul.clean{list-style:none;padding-left:0;margin:10px 0}
ul.clean li{margin:6px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;text-decoration:none;
  cursor:pointer;border:1px solid var(--border);background:var(--card-2);color:var(--text);
  transition:transform .04s ease,border-color .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px);border-color:var(--accent)}
.btn:focus{outline:none;box-shadow:var(--focus)}
.btn-primary{background:linear-gradient(180deg,var(--accent),#1ba98f);border-color:#18a28b;color:#041a18;font-weight:600}
.btn-primary:hover{filter:brightness(1.05)}
.input{width:100%;background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.input:focus{outline:none;box-shadow:var(--focus);border-color:var(--accent-2)}
.alert{padding:12px 14px;border-radius:12px;border:1px solid var(--border);margin:12px 0}
.alert.success{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08);color:#b7f7c7}
.alert.error{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:#ffc2c2}
.note{color:var(--muted);font-size:.95rem}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;border:1px solid var(--border);background:var(--card-2);color:var(--muted)}
.badge-accent{border-color:rgba(40,196,165,.4);color:#aaf1e5}
.center{display:flex;align-items:center;justify-content:center}
.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.small{font-size:.9rem}

/* Brighter links */
a{color:var(--accent-2);text-decoration:none}
a:hover{text-decoration:underline}
.note a{color:#aee8ff}