.payments-root{color:#12374b;background:#f5fbff;min-height:100vh;font:15px/1.6 Segoe UI,Arial,sans-serif}.payments-wrap{max-width:1120px;margin:auto;padding:30px 24px 70px}.payments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.payments-header a,.payment-link{color:#007ca8;font-weight:600}.payments-title{margin:35px 0 24px}.payments-root h1{letter-spacing:-1px;font-size:38px}.payments-root h2{font-size:20px}.payments-root p{color:#557084;margin:12px 0}.payment-eyebrow{letter-spacing:2px;color:#0085b0;font-size:11px;font-weight:700}.payment-box{background:#fff;border:1px solid #d9eaf2;border-radius:20px;min-width:0;margin-bottom:24px;padding:28px}.payment-connection{justify-content:space-between;align-items:center;gap:25px;display:flex}.payment-columns{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.payment-field{flex-direction:column;gap:7px;margin:20px 0;font-weight:600;display:flex}.payment-field input,.payment-field select{color:#173e53;background:#fff;border:1px solid #b9d2e0;border-radius:9px;width:100%;min-width:0;padding:12px}.payment-button{color:#fff;white-space:normal;background:#0086b1;border-radius:10px;padding:12px 20px;font-weight:600}.payment-secondary{color:#006986;background:#eaf7fc;border:1px solid #cce7f0;border-radius:9px;padding:9px 14px}.payment-check{cursor:pointer;align-items:flex-start;gap:10px;margin:22px 0;font-size:14px;display:flex}.payment-check input{accent-color:#0086b1;flex-shrink:0;width:17px;height:17px;margin-top:5px}.payment-total{border-block:1px solid #e0edf3;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;padding:20px 0;display:flex}.payment-total strong{color:#006f93;font-size:25px}.payment-error,.payment-success,.payment-note{overflow-wrap:anywhere;border-radius:10px;margin:20px 0;padding:14px 18px}.payment-error{color:#93321c;background:#fff0ed;border:1px solid #f4c6b9}.payment-success{color:#246343;background:#e9f9ef;border:1px solid #bbe6cc}.payment-note{background:#eef7fd;border:1px solid #cde7f6}.payment-order{border-top:1px solid #e0edf3;justify-content:space-between;gap:22px;padding:22px 0;display:flex}.payment-order-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.payment-status{background:#eaf6fc;border-radius:5px;padding:4px 9px;font-size:12px}.payment-receipt{max-width:720px}.payment-brand{align-items:center;gap:10px;display:flex}.payment-receipt .payment-button{width:100%}.payment-terms{border:1px solid #d9eaf2;border-radius:10px;padding:14px}.payment-terms summary{cursor:pointer;font-weight:600}.payment-terms h2{margin-top:18px;font-size:15px}.payment-small{font-size:12px}.payment-created{margin-top:25px}.payment-created input{font-family:monospace;font-size:12px}.payment-order p{margin:4px 0}.payments-root button:disabled{opacity:.5}@media (max-width:700px){.payments-wrap{padding:20px 16px 50px}.payments-root h1{font-size:29px}.payment-columns{grid-template-columns:1fr;gap:0}.payment-box{padding:22px 18px}.payment-connection,.payment-order{flex-direction:column;align-items:stretch}.payment-order-actions{justify-content:flex-start}.payment-total strong{font-size:22px}.payment-brand img{width:45px;height:45px}}.payments-root .payment-field,.payments-root .payment-check{color:#294e62;font-size:14px}.payments-root .payment-check{font-weight:400}.payments-root .payment-field input,.payments-root .payment-field select{font-size:14px}.shop-code{letter-spacing:3px;text-transform:uppercase;font-family:monospace}.receipt-data{grid-template-columns:130px 1fr;gap:10px 15px;margin:25px 0;font-size:13px;display:grid}.receipt-data dt{color:#557084}.receipt-data dd,.receipt-uuid{overflow-wrap:anywhere}.receipt-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0;display:flex}.receipt-actions .payment-button{width:auto}.player-check code{color:#006986;background:#eaf6fc;border-radius:4px;padding:2px 5px}:is(.payments-root a:focus-visible,.payments-root button:focus-visible,.payments-root input:focus-visible){outline-offset:3px;outline:3px solid #40b9de}@media (max-width:450px){.receipt-data{grid-template-columns:1fr;gap:3px}.receipt-data dd{margin-bottom:10px}}@media print{body,.payments-root{background:#fff!important}.payments-header,.receipt-actions,.payment-small,.player-check,form{display:none!important}.payment-box{border:0}.payment-receipt{max-width:100%;padding:0}.payments-root h1{font-size:26px}}