:root { color-scheme: dark; --bg-0:#0b0a12; --bg-1:#15131e; --bg-2:#1e1b2a; --border:#2a2638; --border-strong:#3d3852; --text-hi:#f2f0f5; --text-mid:#9a95a8; --text-lo:#5c5670; --brand:#8e24aa; --brand-deep:#6a1b9a; --brand-glow:#b65bd8; --brand-line:rgba(182,91,216,.25); --data:#f5c842; --ok:#5bd896; }
html { background:var(--bg-0); }
body.pay-page {
    display:block; min-height:100dvh; padding:0; color:var(--text-mid);
    background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.045) 1px,transparent 0),radial-gradient(900px 520px at 85% -5%,rgba(142,36,170,.18),transparent 60%),radial-gradient(700px 460px at -5% 25%,rgba(106,27,154,.12),transparent 60%);
    background-size:24px 24px,auto,auto; background-color:var(--bg-0);
    font-family:"Arial Black","Arial Bold",Arial,sans-serif; font-size:12px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.pay-page .container { width:calc(100% - 32px); max-width:900px; min-height:100dvh; margin:0 auto; padding:36px 0 28px; color:var(--text-mid); }
.pay-page .pay-brand { display:flex; flex-direction:column; align-items:center; margin-bottom:36px; line-height:1; text-align:center; }
.pay-page .pay-meta { display:flex; gap:10px; margin-bottom:20px; color:var(--text-mid); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.pay-page .pay-meta strong { color:var(--brand-glow); }
.pay-page .pay-brand-name { color:var(--brand); font-size:clamp(24px,4vw,32px); font-weight:900; letter-spacing:-.03em; }
.pay-page .pay-brand-sub { margin-top:6px; color:var(--text-mid); font-size:clamp(8px,1.5vw,10px); letter-spacing:.18em; text-transform:uppercase; white-space:nowrap; }
.pay-page .brand,.pay-page .brand-sub,.pay-page .brand-subtitle { display:none; }
.pay-page h1 { margin:34px 0 10px; color:var(--text-hi); font-size:clamp(26px,5vw,44px); line-height:1.05; letter-spacing:-.035em; text-align:left; }
.pay-page h2 { margin:34px 0 12px; padding-bottom:9px; color:var(--text-hi); font-size:17px; border-bottom:1px solid var(--border); }
.pay-page h3,.pay-page strong { color:var(--text-hi); }
.pay-page p,.pay-page li { color:var(--text-mid); }
.pay-page a { color:var(--brand-glow); }
.pay-page .back { display:inline-flex; margin:0 0 8px; color:var(--text-mid); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.pay-page .back:hover { color:var(--brand-glow); }
.pay-page .box,.pay-page .box-green,.pay-page .box-warn,.pay-page .contact-card,.pay-page .info-box,.pay-page .instructions {
    color:var(--text-mid); background:rgba(21,19,30,.86); border:1px solid var(--border); border-left:2px solid var(--brand); border-radius:0; box-shadow:none;
}
.pay-page .box-green { border-left-color:var(--ok); }
.pay-page .box-warn { border-left-color:var(--data); }
.pay-page table { background:rgba(21,19,30,.65); }
.pay-page td { color:var(--text-mid); border-color:var(--border); }
.pay-page td:first-child { color:var(--text-hi); }
.pay-page hr { border-top-color:var(--border); }
.pay-page .updated { color:var(--text-lo); }
.pay-page button { border:0; border-radius:0; background:var(--brand); box-shadow:none; font-family:inherit; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.pay-page button:hover { background:var(--brand-deep); box-shadow:0 0 30px rgba(142,36,170,.25); transform:none; }
.pay-page .success-icon { border-color:var(--ok); box-shadow:0 0 40px rgba(91,216,150,.12); }
.pay-page .checkmark { color:var(--ok); }
.pay-page .info-label { color:var(--text-mid); }
.pay-page .info-value { color:var(--text-hi); }
.pay-page .step-num { background:var(--brand); }
.pay-page .contact-icon { color:var(--brand-glow); }
.pay-page .page-sign { margin:42px 0 12px; color:var(--text-mid); font-size:12px; letter-spacing:.04em; text-align:center; }
.pay-page .footer,.pay-page .legal-footer { color:var(--text-lo); text-align:center; }
.shared-pay-footer { margin-top:42px; padding:32px 0 4px; color:var(--text-lo); border-top:1px solid var(--border); text-align:center; }
.shared-footer-brand { margin-bottom:18px; color:var(--text-mid); font-size:12px; letter-spacing:.04em; }
.store-links { display:flex; justify-content:center; gap:10px; margin:0 auto 22px; }
.store-link { display:flex; align-items:center; gap:10px; min-width:168px; padding:10px 14px; color:var(--text-hi)!important; background:var(--bg-1); border:1px solid var(--border); text-align:left; text-decoration:none; transition:border-color .2s,background .2s; }
.store-link:hover { background:var(--bg-2); border-color:var(--brand-line); }
.store-copy,.store-copy span,.store-copy strong { display:block; }
.store-icon { width:32px; height:32px; flex:0 0 32px; object-fit:contain; }
.store-kicker { color:var(--text-lo); font-size:7px; letter-spacing:.12em; text-transform:uppercase; }
.store-link strong { margin-top:2px; color:var(--text-hi); font-size:11px; }
.shared-footer-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 20px; margin-bottom:14px; }
.shared-footer-nav a { color:var(--brand-glow); text-decoration:none; }
.shared-footer-note { margin-top:4px; font-size:10px; }
@media(max-width:600px){.pay-page .container{width:calc(100% - 28px);padding-top:26px}.pay-page h1{font-size:28px}.pay-page td{display:block;width:100%!important}.pay-page td:first-child{border-bottom:0}.pay-page table{display:block}.pay-page tbody{display:block}.pay-page tr{display:block;margin-bottom:12px}.store-links{flex-direction:column}.store-link{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}