:root{font-family:Arial,'Helvetica Neue',sans-serif;color:#1a3e55;background:#f5f8fa;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:#f5f8fa}a{color:inherit}button,input,select{font:inherit}[hidden]{display:none!important}button,a,input,select,summary{touch-action:manipulation}button,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #84bddf;outline-offset:4px}.pay-header{max-width:1180px;margin:auto;padding:17px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e5ed}.pay-header img{width:96px;height:70px;object-fit:contain}.pay-header>div{display:flex;align-items:center;gap:28px;font-size:14px}.pay-header a{text-decoration:none}.pay-header select{padding:10px 12px;color:#254e67;background:#fff;border:1px solid #c6d8e3;border-radius:7px;font-size:14px}.pay-main{max-width:1120px;margin:auto;padding:34px 28px 60px}.pay-heading{max-width:760px;margin-bottom:26px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:#537890;margin:0}.pay-heading h1{font-size:clamp(28px,3.2vw,38px);font-weight:500;line-height:1.22;letter-spacing:-.035em;margin:12px 0}.pay-heading>p:last-child{font-size:16px;line-height:1.7;color:#5a7282;margin:0}.pay-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0 0 28px;list-style:none;max-width:720px}.pay-steps li{display:flex;align-items:center;gap:10px;color:#647c8c;font-size:14px}.pay-steps b{font-weight:400;line-height:1.4}.pay-steps span{display:grid;place-items:center;background:#e8f0f5;border:1px solid #d4e3ed;width:30px;height:30px;border-radius:50%;font-size:12px;flex-shrink:0}.pay-steps .current{color:#165981}.pay-steps .current span{background:#165981;color:#fff;border-color:#165981}.pay-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:26px;align-items:start}.pay-card{background:#fff;border:1px solid #dce6ed;border-radius:14px;padding:30px;min-width:0}.pay-card form{margin:0}.pay-card fieldset{padding:0;margin:0;border:0;min-width:0}.pay-card legend{font-size:21px;font-weight:500;margin-bottom:20px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.method-card{display:flex;gap:11px;padding:19px 15px;background:#fff;border:1px solid #cbdce7;border-radius:10px;cursor:pointer;min-width:0}.method-card:has(input:checked){border-color:#236e98;box-shadow:inset 0 0 0 1px #236e98;background:#f0f8fd}.method-card:has(input:focus-visible){outline:3px solid #99ccec;outline-offset:4px}.method-card input{width:17px;height:17px;flex-shrink:0;accent-color:#206991;margin:5px 0 0}.method-card>span{min-width:0}.method-card svg{width:32px;height:32px;display:block;color:#1a658e;margin-bottom:12px}.method-card b{font-size:16px;line-height:1.4;font-weight:600;display:block;overflow-wrap:anywhere}.method-card small{font-size:13px;line-height:1.65;color:#5c7485;display:block;margin-top:6px}.method-guide{margin:23px 0;padding:18px 19px;background:#f6f9fb;border:1px solid #e4edf3;border-radius:9px}.method-guide h2{font-size:16px;line-height:1.5;font-weight:600;margin:0 0 10px}.method-guide ol{font-size:14px;line-height:1.75;margin:0;padding-left:21px;color:#536f81}.method-guide li+li{margin-top:5px}.pay-status{font-size:14px;line-height:1.8;padding:16px 17px;border-left:3px solid #8ab7d1;background:#f1f7fa;color:#476479;margin:20px 0;border-radius:0 6px 6px 0;overflow-wrap:anywhere}.pay-status[data-state=paid]{background:#edf7f1;border-color:#71ab8d;color:#225e43}.pay-status[data-state=failed],.pay-status[data-state=expired],.pay-status[data-state=invalid]{background:#fff8ee;border-color:#cfaa74;color:#80613e}.agreement{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.7;margin:23px 0}.agreement input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:#206991}.primary,.secondary{border:1px solid #1d638c;border-radius:8px;padding:13px 21px;font-size:15px;font-weight:600;line-height:1.5;min-height:48px}.primary{background:#195d86;color:#fff;width:100%}.primary:enabled:hover{background:#124b6e}.secondary{background:#fff;color:#276184}.secondary:hover{background:#edf6fc}.secure{font-size:12px;line-height:1.75;color:#6a8190;margin:17px 0 0}.payment-link-panel{border-top:1px solid #dee7ed;margin-top:25px;padding-top:21px}.payment-link-panel summary{font-size:14px;font-weight:500}.payment-link-panel form{padding-top:17px}.payment-link-panel p{font-size:14px;line-height:1.8;color:#5c7788;margin:0 0 17px}.payment-link-panel label{font-size:14px;display:block;margin-bottom:8px}.payment-link-panel input{display:block;width:100%;min-width:0;border:1px solid #c2d7e4;border-radius:7px;padding:12px;font-size:14px}.payment-link-panel button{margin-top:13px}#refreshPayment{margin-top:19px;font-size:14px}.stay-card{border:1px solid #dce6ed;border-radius:14px;background:#fff;overflow:hidden;min-width:0}.stay-card-brand{display:flex;gap:15px;padding:23px;border-bottom:1px solid #e1e9ef;background:#f0f6fa;align-items:center}.stay-card-brand img{width:76px;height:84px;object-fit:cover;border-radius:7px;flex-shrink:0}.stay-card-brand strong,.stay-card-brand span,.stay-card-brand small{display:block}.stay-card-brand strong{font-size:19px;line-height:1.3;font-weight:500}.stay-card-brand span{font-size:14px;color:#577589;margin-top:4px}.stay-card-brand small{font-size:12px;line-height:1.5;color:#698294;margin-top:8px}.stay-order{padding:23px}.stay-order h2{font-size:20px;line-height:1.4;font-weight:500;margin:0 0 17px}#emptyOrder{font-size:14px;line-height:1.8;color:#607b8d;margin:0}.order-top{display:flex;flex-direction:column;font-size:12px;gap:3px;border-bottom:1px solid #e0e9ef;padding-bottom:13px;color:#58768a}.order-top strong{font-size:14px;color:#204c67;overflow-wrap:anywhere}dl{font-size:14px;margin:18px 0}dl>div{display:flex;justify-content:space-between;gap:14px;margin:11px 0}dt{color:#698091}dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}.amount-row{display:flex;flex-direction:column;gap:9px;border-block:1px solid #dee8ef;padding:18px 0}.amount-row span{font-size:14px}.amount-row small{display:block;font-size:12px;color:#6a8191;margin-top:4px}.amount-row>strong{font-size:29px;line-height:1.3;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.expiry{font-size:12px;line-height:1.7;color:#607d8e}.stay-order details{border-top:1px solid #e1e9ef;padding-top:16px;margin-top:17px}.stay-order summary{font-size:14px}.stay-order details p{font-size:14px;white-space:pre-line;line-height:1.75;color:#557185;max-height:280px;overflow-y:auto}#transactionRow{font-size:12px;overflow-wrap:anywhere}.stay-help{padding:21px 23px 17px;border-top:1px solid #e0e9f0}.stay-help h3{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 15px}.request-payment-link{display:block;padding:11px 13px;border:1px solid #bdd4e4;border-radius:7px;background:#f1f8fc;color:#24648a;text-decoration:none;font-size:14px;text-align:center;line-height:1.6;margin-bottom:15px}.contact{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;border-top:1px solid #e1eaf0;text-decoration:none}.contact strong{font-weight:500}.sandbox{padding:14px 18px;border-radius:8px;border:1px solid #e6c882;background:#fff4d8;font-size:14px;color:#705723;margin-bottom:24px}.pay-footer{max-width:1100px;margin:auto;padding:24px 28px 32px;border-top:1px solid #dce6ee;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#708796}
@media(max-width:800px){.pay-main{padding:28px 20px 42px}.pay-layout{grid-template-columns:1fr}.pay-card{padding:24px}.pay-header{padding:13px 20px}.pay-header>div{gap:15px}.pay-header>div>a{display:none}.pay-steps{gap:10px}.pay-steps li{font-size:12px;gap:7px}.pay-steps span{width:26px;height:26px}.stay-card{order:-1}.stay-card-brand{padding:18px 20px}.stay-card-brand img{width:54px;height:62px}.stay-card-brand strong{font-size:18px}.stay-card-brand small{margin-top:4px}.stay-card-brand span{display:none}.stay-order{padding:19px 20px}.stay-order h2{font-size:18px;margin-bottom:12px}.stay-help{padding:18px 20px}.stay-help h3{display:none}.stay-help .contact{display:inline-flex;border:0;margin-right:14px;font-size:13px;gap:6px}.request-payment-link{margin-bottom:5px}.amount-row{flex-direction:row;align-items:center;gap:15px}.amount-row>strong{font-size:26px}.method-card{padding:18px 13px}.pay-heading h1{font-size:30px}.pay-heading>p:last-child{font-size:16px}.pay-footer{padding:24px 20px;flex-wrap:wrap}}
@media(max-width:430px){.pay-main{padding-inline:16px}.pay-card{padding:20px 16px}.method-grid{gap:10px}.method-card{gap:8px;padding:16px 10px}.method-card b{font-size:15px}.method-card small{font-size:12px}.method-card input{width:16px;height:16px}.method-guide{padding:16px}.pay-steps b{font-size:12px}.pay-steps span{display:none}.contact{flex-wrap:wrap}.pay-header img{width:83px;height:61px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}