:root { --bg:#06030b; --panel:rgba(28,10,39,.82); --text:#fff7ff; --muted:#c9a8d8; --pink:#ff4fa3; --violet:#9d4edd; }
* { box-sizing:border-box; margin:0; padding:0; }
body { min-height:100vh; color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; background:radial-gradient(circle at 15% 10%,rgba(157,78,221,.32),transparent 25rem),radial-gradient(circle at 86% 34%,rgba(255,79,163,.25),transparent 24rem),linear-gradient(145deg,#05020a,#160820 50%,#050309); }
a { color:inherit; }
.donate-header { min-height:72px; padding:14px max(20px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,79,163,.24); background:rgba(5,2,10,.7); }
.donate-header a { display:flex; align-items:center; gap:10px; font-weight:950; text-decoration:none; }
.donate-header img { width:40px; height:40px; border-radius:9px; }
.donate-main { width:min(1120px,calc(100% - 32px)); margin:0 auto; padding:72px 0 88px; text-align:center; }
.eyebrow { color:#ff9bd3; font-size:.75rem; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:12px auto 18px; max-width:850px; font-size:clamp(2.7rem,8vw,5.8rem); line-height:.95; color:transparent; background:linear-gradient(90deg,#c77dff,#ff7ac8 48%,#ffb347); -webkit-background-clip:text; background-clip:text; }
.intro { max-width:710px; margin:0 auto; color:var(--muted); font-size:clamp(1rem,2vw,1.2rem); line-height:1.6; }
.wallet-grid { margin-top:44px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; text-align:left; }
.wallet-card { position:relative; overflow:hidden; padding:24px; border:1px solid rgba(255,122,200,.35); border-radius:20px; background:linear-gradient(145deg,rgba(43,13,57,.9),rgba(19,7,28,.92)); box-shadow:0 25px 70px rgba(0,0,0,.34); }
.wallet-card::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:4px; background:linear-gradient(90deg,#14f195,#9945ff); }
.wallet-card.ethereum::before { background:linear-gradient(90deg,#8c8c8c,#627eea); }
.wallet-card.bitcoin::before { background:linear-gradient(90deg,#f7931a,#ffd36a); }
.coin-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.coin-head span { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:rgba(255,255,255,.08); font-size:1.35rem; font-weight:950; }
.coin-head h2 { font-size:1.35rem; }
.network { margin-top:4px; color:#ff9bd3; font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.qr { display:block; width:min(100%,210px); aspect-ratio:1; margin:24px auto; padding:10px; border-radius:16px; background:#fff; }
.address-label { color:var(--muted); font-size:.76rem; font-weight:900; text-transform:uppercase; }
.address { min-height:64px; margin-top:8px; padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(0,0,0,.24); overflow-wrap:anywhere; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.82rem; line-height:1.45; }
.copy-wallet { width:100%; min-height:48px; margin-top:12px; border:0; border-radius:10px; color:#fff; background:linear-gradient(100deg,#ff4fa3,#9d4edd); font:inherit; font-weight:950; cursor:pointer; transition:transform 150ms ease,filter 150ms ease; }
.copy-wallet:hover { transform:translateY(-2px); filter:brightness(1.08); }
.warning { max-width:760px; margin:34px auto 0; padding:16px 18px; border:1px solid rgba(255,193,92,.35); border-radius:12px; color:#ffe4a8; background:rgba(110,64,0,.16); line-height:1.5; }
.donate-footer { padding:28px 20px 42px; color:var(--muted); text-align:center; }
.donate-footer a { margin:0 8px; }
@media (max-width:900px) { .wallet-grid { grid-template-columns:1fr; max-width:540px; margin-left:auto; margin-right:auto; } }
@media (max-width:560px) { .donate-header span { display:none; } .donate-main { padding-top:48px; } .wallet-card { padding:20px; } }