:root { color-scheme: light; }body { margin: 0; background: #f7f9fd; color: #18243a; font: 16px/1.65 Arial, sans-serif; }.page { max-width: 860px; margin: 0 auto; padding: 42px 22px 68px; }a { color: #215ce5; }a:hover { color: #1748b8; }h1 { color: #1c3357; line-height: 1.2; }h2 { margin-top: 30px; color: #284361; }p, li { color: #4f637d; }.note { padding: 16px 20px; border: 1px solid #d4e0ef; border-radius: 10px; background: #fff; box-shadow: 0 5px 14px rgb(31 60 104 / 4%); }.payment-qr { display: flex; align-items: center; gap: 22px; }.payment-qr img { display: block; width: min(320px, 100%); height: auto; border-radius: 8px; background: #fff; }.payment-qr p { margin: 0 0 12px; }.payment-qr p:last-child { margin-bottom: 0; }small { color: #71839b; }@media (max-width: 620px) { .payment-qr { align-items: stretch; flex-direction: column; } }