:root{--donate-card:#0f172abd;--donate-border:#ffffff24;--donate-text:#f8f4ff;--donate-muted:#b3b8d1;--donate-accent:#8b5cf6;--donate-accent-2:#22d3ee}body{min-height:100vh;color:var(--donate-text)}.donate-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex;position:relative;overflow:hidden}.donate-section{width:min(100%,560px);max-width:560px}.donate-card{background:var(--donate-card);border:1px solid var(--donate-border);-webkit-backdrop-filter:blur(20px);border-radius:28px;width:100%;padding:36px;box-shadow:0 20px 70px #04081873}.donate-card-offset{margin-top:12px}.donate-eyebrow{letter-spacing:.2em;color:var(--donate-accent-2);margin-bottom:10px;font-family:Zen Dots,sans-serif;font-size:.8rem}.donate-card h1{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.4rem)}.donate-subtitle{color:var(--donate-muted);margin-bottom:24px;line-height:1.7}#donate-form{gap:16px;display:grid}.field{color:var(--donate-text);gap:8px;font-weight:600;display:grid}.field input{width:100%;color:var(--donate-text);font:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;padding:14px 16px}.field input::placeholder{color:#8d95b8}.field input:focus{border-color:var(--donate-accent-2);outline:2px solid #22d3ee59}.submit-btn,.secondary-btn{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:13px 18px;font-weight:700;transition:transform .2s,opacity .2s}.submit-btn{background:linear-gradient(90deg, var(--donate-accent) 0%, var(--donate-accent-2) 100%);color:#fff;margin-top:6px}.secondary-btn{color:var(--donate-text);background:#ffffff14}.submit-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.modal-overlay{opacity:0;pointer-events:none;z-index:1000;background:#020617c7;place-items:center;padding:24px;transition:opacity .2s;display:grid;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-card{border:1px solid var(--donate-border);background:#0f172af2;border-radius:24px;width:min(100%,480px);padding:24px;box-shadow:0 16px 60px #0006}.modal-eyebrow{color:var(--donate-accent-2);margin-bottom:10px;font-family:Zen Dots,sans-serif;font-size:.75rem}.modal-preview{color:var(--donate-muted);gap:8px;margin:16px 0 20px;display:grid}.modal-preview a{color:#7dd3fc;word-break:break-all}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.status-toast{color:#fff;opacity:0;pointer-events:none;z-index:1100;background:#0f172af2;border-radius:999px;padding:12px 18px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(18px);box-shadow:0 10px 30px #0000004d}.status-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.status-toast.error{background:#7f1d1df2}@media (width<=640px){.donate-card{padding:24px}.tea-tip{padding:10px 12px;top:10px;right:10px}.tea-tip-text{font-size:.9rem}.modal-actions{flex-direction:column-reverse}}.donation-info{text-align:center;width:100%;max-width:560px;margin-top:40px;padding:0 24px}.donation-info h2{color:#3b82f6;margin-bottom:24px;font-size:1.3rem;font-weight:600}.donation-info ul{text-align:left;gap:16px;margin:0;padding:0;list-style:none;display:grid}.donation-info li{color:#1e40af;text-align:left;font-size:1rem;font-weight:500;line-height:1.6}@media (width<=640px){.donate-page{padding:32px 16px}.donate-section{margin-bottom:32px}.donate-card{padding:24px}.donation-info{margin-top:32px}.donation-info h2{margin-bottom:20px;font-size:1.2rem}.donation-info ul{gap:14px}.donation-info li{font-size:.95rem;line-height:1.5}}
