/* page styles extracted from donate/index.html — overrides/extensions of /css/global.css */
:root {
            --bg: #0b0f2e;
            --panel: rgba(22, 28, 72, 0.88);
            --line: rgba(255, 120, 255, 0.28);
            --text: #e8e9ff;
            --muted: #a8add8;
            --pink: #ff4fd8;
            --cyan: #39f3ff;
            --yellow: #ffe566;
            --warn: #ffb454;
            --shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
            color-scheme: dark;
        }
        * { box-sizing: border-box; }
        html, body {
            margin: 0; min-height: 100%;
            background:
                radial-gradient(1000px 520px at 12% -8%, #5b1fff55, transparent 55%),
                radial-gradient(800px 420px at 92% 8%, #ff4fd855, transparent 50%),
                linear-gradient(180deg, #0b0f2e 0%, #16122f 50%, #0a0d24 100%);
            color: var(--text);
            font-family: Outfit, system-ui, sans-serif;
        }
        a { color: var(--cyan); text-decoration: none; }
        a:hover { color: #fff; }
        .wrap {
            max-width: 720px;
            margin: 0 auto;
            padding: 2rem 1.1rem 3.5rem;
        }
        .back {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            color: var(--muted);
            font-size: .92rem;
            margin-bottom: 1.4rem;
        }
        .card {
            background: var(--panel);
            border: 1px solid var(--line);
            border-radius: 22px;
            box-shadow: var(--shadow);
            padding: 1.6rem 1.4rem 1.8rem;
            backdrop-filter: blur(10px);
        }
        .eyebrow {
            display: inline-block;
            font-family: "Space Grotesk", Outfit, sans-serif;
            font-size: .78rem;
            letter-spacing: .06em;
            text-transform: uppercase;
            color: var(--pink);
            font-weight: 700;
            margin-bottom: .55rem;
        }
        h1 {
            margin: 0 0 .55rem;
            font-size: clamp(1.7rem, 4vw, 2.25rem);
            line-height: 1.15;
        }
        .lead {
            margin: 0 0 1.25rem;
            color: var(--muted);
            line-height: 1.55;
            font-size: 1.02rem;
        }
        .disclaimer {
            border: 1px solid rgba(255, 180, 84, 0.45);
            background: rgba(255, 180, 84, 0.08);
            border-radius: 16px;
            padding: 1rem 1.05rem;
            margin: 0 0 1.4rem;
        }
        .disclaimer strong {
            display: block;
            color: var(--warn);
            font-size: .95rem;
            margin-bottom: .35rem;
        }
        .disclaimer p {
            margin: 0;
            color: #f0e6d2;
            line-height: 1.55;
            font-size: .95rem;
        }
        .qr-block {
            display: grid;
            justify-items: center;
            gap: .9rem;
            margin: 0 0 1.35rem;
        }
        .qr-frame {
            background: #fff;
            border-radius: 18px;
            padding: .85rem;
            box-shadow: 0 10px 30px rgba(0,0,0,.35);
        }
        #qr {
            display: block;
            width: 220px;
            height: 220px;
        }
        .addr-label {
            font-size: .8rem;
            color: var(--muted);
            text-transform: uppercase;
            letter-spacing: .05em;
            font-weight: 700;
            margin: 0 0 .45rem;
        }
        .addr-box {
            width: 100%;
            background: rgba(8, 10, 28, 0.72);
            border: 1px solid rgba(57, 243, 255, 0.28);
            border-radius: 14px;
            padding: .9rem 1rem;
            word-break: break-all;
            font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
            font-size: .86rem;
            line-height: 1.5;
            color: #d7fbff;
        }
        .actions {
            display: flex;
            flex-wrap: wrap;
            gap: .7rem;
            margin-top: 1rem;
        }
        .btn {
            appearance: none;
            border: 0;
            cursor: pointer;
            border-radius: 999px;
            padding: .72rem 1.15rem;
            font: inherit;
            font-weight: 700;
            font-size: .92rem;
        }
        .btn-primary {
            background: linear-gradient(135deg, var(--pink), #7a5cff);
            color: #fff;
        }
        .btn-primary:hover { filter: brightness(1.08); }
        .btn-secondary {
            background: rgba(255,255,255,.06);
            color: var(--text);
            border: 1px solid var(--line);
        }
        .btn-secondary:hover { background: rgba(255,255,255,.1); color: #fff; }
        .note {
            margin: 1.2rem 0 0;
            color: var(--muted);
            font-size: .88rem;
            line-height: 1.5;
        }
        .toast {
            position: fixed;
            left: 50%;
            bottom: 1.4rem;
            transform: translateX(-50%) translateY(120%);
            background: #15204a;
            border: 1px solid var(--line);
            color: var(--text);
            padding: .7rem 1rem;
            border-radius: 999px;
            box-shadow: var(--shadow);
            transition: transform .25s ease;
            z-index: 50;
            font-weight: 600;
            font-size: .9rem;
        }
        .toast.show { transform: translateX(-50%) translateY(0); }