.donation-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:22px;gap:22px;padding:28px}.donation-panel h2{font-family:var(--font-serif),Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0}.donation-panel p{color:var(--ink-soft);line-height:1.6}.amount-grid,.method-grid{display:grid;grid-gap:12px;gap:12px}.frequency-toggle{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.frequency-toggle button{background:transparent;border:0;border-radius:6px;color:var(--ink-soft);cursor:pointer;font-weight:900;min-height:42px}.frequency-toggle button.active{background:var(--surface);box-shadow:0 8px 20px rgba(16,34,56,.1);color:var(--blue)}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amount-button,.method-button{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;min-height:74px;padding:14px;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease)}.amount-button.active,.amount-button:hover,.method-button.active,.method-button:hover{background:var(--gold-soft);border-color:rgba(226,178,58,.72);box-shadow:0 12px 26px rgba(16,34,56,.09);transform:translateY(-2px)}.amount-button strong{display:block;font-size:1.65rem}.amount-button span{color:var(--ink-soft);display:block;line-height:1.35}.method-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.method-button{align-items:center;display:flex;font-weight:900;gap:8px;justify-content:center;min-height:50px;text-align:center}.impact-note{background:linear-gradient(135deg,rgba(21,79,163,.08),rgba(42,140,114,.08));border:1px solid rgba(21,79,163,.16);border-radius:8px;display:grid;grid-gap:6px;gap:6px;padding:16px}.impact-note strong{color:var(--blue)}.impact-note span,.trust-line{color:var(--ink-soft);line-height:1.45}.campaign-meter{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:16px}.campaign-meter div:first-child{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.campaign-meter strong{font-family:var(--font-serif),Georgia,serif;font-size:1.8rem}.campaign-meter span{color:var(--ink-soft);font-weight:800}.meter-track{background:#edf1f6;border-radius:999px;height:10px;overflow:hidden}.meter-track span{background:linear-gradient(90deg,var(--blue),var(--teal));display:block;height:100%;width:62%}@media (max-width:760px){.amount-grid,.method-grid{grid-template-columns:1fr}}