/* ========================================
   MIMIC - Donate Page CSS
   ======================================== */
.donate-intro{max-width:700px;margin:0 auto 48px;text-align:center}
.donate-intro p{font-size:1.05rem;color:var(--muted);line-height:1.8}
.donate-left h2{font-size:1.5rem;font-weight:700;margin-bottom:24px}
.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.amount-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);padding:16px 12px;cursor:pointer;text-align:center;transition:var(--transition)}
.amount-card:hover{border-color:var(--accent)}
.amount-card.active{background:var(--accent);border-color:var(--accent)}
.amount-card.active .amount-currency,.amount-card.active .amount-value{color:#fff}
.amount-currency{display:block;font-size:.8rem;color:var(--muted);margin-bottom:2px}
.amount-value{display:block;font-size:1.3rem;font-weight:700;color:var(--text)}
.custom-amount{margin-bottom:24px}
.custom-amount label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:8px}
.custom-input-wrap{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.custom-prefix{padding:12px 14px;font-size:1.1rem;font-weight:700;color:var(--text);background:var(--bg-alt);border-right:1px solid var(--border)}
.custom-input-wrap input{flex:1;padding:12px 14px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:1rem;outline:none;width:100%}
.donate-thanks{text-align:center;font-size:.9rem;color:var(--muted);margin-top:16px}
.upi-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;text-align:center}
.upi-card h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}
.upi-card>p{color:var(--muted);font-size:.9rem;margin-bottom:24px}
.upi-qr{display:flex;justify-content:center;margin-bottom:24px}
.upi-qr svg{display:block}
.upi-id-box{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 18px;font-family:ui-monospace,monospace;font-size:.9rem;color:var(--text);margin-bottom:24px;word-break:break-all}
.upi-copy{display:flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;transition:background .2s}
.upi-copy:hover{background:var(--accent-dark)}
.upi-copy.copied{background:#22c55e}
.app-badges{text-align:center}
.app-badges>span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:12px}
.apps-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.app-badge{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:500;color:var(--muted)}
@media(max-width:768px){.amount-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:400px){.amount-grid{grid-template-columns:repeat(2,1fr)}}