*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#14334d;font-family:Inter,'Segoe UI',sans-serif}.pay-head{min-height:72px;padding:0 max(20px,calc((100% - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b2234;color:#fff}.pay-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.pay-brand img{width:38px;height:38px;object-fit:contain}.pay-brand strong,.pay-brand span{display:block}.pay-brand strong{font-size:18px}.pay-brand span{font-size:9px;color:#a9c0d0}.pay-login{color:#dceaf3;text-decoration:none;font-size:12px;font-weight:700}.pay-wrap{max-width:820px;margin:0 auto;padding:55px 20px 70px}.pay-intro span{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#2587bb}.pay-intro h1{margin:10px 0 8px;font-size:clamp(34px,5vw,50px);letter-spacing:-2px}.pay-intro p{max-width:680px;color:#687d8d;line-height:1.7}.pay-card{margin-top:27px;padding:28px;border:1px solid #d8e4ed;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(31,62,88,.08)}.pay-card-head{display:flex;align-items:center;gap:13px}.pay-card-head>i{width:45px;height:45px;border-radius:12px;background:#eaf5fb;color:#2483b4;display:grid;place-items:center}.pay-card h2{margin:0}.pay-card p{margin:4px 0 0;color:#728391;font-size:12px}.pay-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:25px}.pay-form label span{display:block;margin-bottom:7px;font-size:10px;font-weight:800}.pay-form input{width:100%;min-height:47px;border:1px solid #ccdae5;border-radius:10px;padding:0 13px;font:inherit;outline:none}.pay-form input:focus{border-color:#328bc0;box-shadow:0 0 0 3px rgba(50,139,192,.1)}.pay-form button,.pay-now{min-height:47px;border:0;border-radius:10px;padding:0 18px;background:#1886bd;color:#fff;font-weight:800;cursor:pointer}.pay-security{margin-top:19px;padding:13px 14px;border-radius:11px;background:#f4f9fc;color:#627a8b;font-size:11px;display:flex;gap:9px}.pay-alert{margin-top:22px;padding:14px;border-radius:12px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.pay-alert.error{background:#fff0f0;color:#9e3434;border:1px solid #f1caca}.pay-alert.warning{background:#fff8df;color:#7d651d;border:1px solid #efe0a3}.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.invoice-head>div>span{font-size:9px;font-weight:800;color:#3188b6;letter-spacing:1.5px}.invoice-state{padding:7px 10px;border-radius:999px;background:#fff3cf;color:#9c7411;font-size:10px;font-weight:800}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.invoice-grid>div{padding:13px;border-radius:11px;background:#f7fafc}.invoice-grid span{display:block;font-size:9px;color:#7b8c99;font-weight:800;text-transform:uppercase}.invoice-grid strong{display:block;margin-top:5px;font-size:12px}.pay-total{margin:18px 0;padding:20px;border-radius:13px;background:#0e304a;color:#fff;display:flex;align-items:center;justify-content:space-between}.pay-total span{font-size:11px;color:#b8cedd}.pay-total strong{font-size:24px}.pay-now{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px}.pay-back{display:block;margin-top:13px;text-align:center;color:#5f7586;font-size:11px}.pay-footer{text-align:center;padding:25px;color:#81909c;font-size:10px}.result-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.result-card{width:min(560px,100%);padding:42px;text-align:center;border:1px solid #dbe5ed;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(30,61,86,.1)}.result-icon{width:68px;height:68px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#fff4d9;color:#c28a13;font-size:28px}.result-card.success .result-icon{background:#e7f7ed;color:#258653}.result-card.error .result-icon{background:#fff0f0;color:#b43e3e}.result-card h1{margin:0;font-size:30px}.result-card p{color:#657987;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.result-actions a{padding:11px 15px;border-radius:10px;background:#153b58;color:#fff;text-decoration:none;font-size:11px;font-weight:800}.result-actions a+ a{background:#edf3f7;color:#29475c}@media(max-width:700px){.pay-form{grid-template-columns:1fr}.invoice-grid{grid-template-columns:1fr}.pay-total{align-items:flex-start;flex-direction:column;gap:5px}.pay-head{padding:0 16px}.pay-login{font-size:0}.pay-login i{font-size:16px}.result-card{padding:30px 20px}}