.brand{font-size:20px;letter-spacing:-.3px}.brand b{font-weight:750}.brand>span{background:#132542;color:#7eafff}.top{gap:15px}.pay-detail{padding:24px;display:grid;gap:16px}.pay-detail h3{margin:12px 0 0}.pay-total{padding:20px;background:#142e59;border-radius:12px;color:white}.pay-total span{display:block;font-size:14px;opacity:.85}.pay-total strong{display:block;font-size:28px;margin-top:8px}.pay-record{padding:16px;border:1px solid #dde5f1;border-radius:10px;display:grid;gap:8px}.pay-record p{font-size:14px;overflow-wrap:anywhere}.pay-record .btn{justify-self:start}.pay-record.voided{background:#f5f7fa;color:#6a768a}.pay-record.voided>strong{text-decoration:line-through}.pay-detail details{font-size:14px}.pay-detail details p{margin-top:10px}.navigation{flex-wrap:wrap!important;overflow:visible!important}.navigation button{padding:10px 13px!important}#telegram-form .btn{justify-content:center}#invite-url{font-size:14px}dialog:has(.pay-detail){max-width:800px}@media(max-width:700px){.brand{font-size:16px;max-width:200px}.brand>span{flex-shrink:0;width:32px;height:32px;font-size:22px}.brand b{max-width:130px;line-height:1.2}.navigation{gap:5px!important}.navigation button{font-size:14px!important;padding:8px 10px!important}.pay-detail{padding:16px}.pay-total strong{font-size:23px}.login .brand b{max-width:none}}