.school-pay-page{color:#19283c;background:#eef4fc;place-items:center;min-height:100vh;padding:20px;font-family:Arial,sans-serif;display:grid}.school-pay-page>section{background:#fff;border:1px solid #dce5f0;border-radius:16px;width:min(500px,100%);padding:28px}.school-pay-page a{color:#7d8da2;gap:5px;font-size:9px;text-decoration:none;display:flex}.school-pay-logo{color:#fff;background:#2563eb;border-radius:13px;place-items:center;width:48px;height:48px;margin:22px 0 13px;font-size:26px;display:grid}.school-pay-page section>small{color:#2563eb;font-size:8px;font-weight:800}.school-pay-page h1{margin:7px 0;font-size:25px}.school-pay-page section>p,.school-pay-success p{color:#7e8da0;font-size:11px;line-height:1.6}.school-pay-page form{gap:11px;margin-top:17px;display:grid}.school-pay-page label{gap:5px;font-size:9px;font-weight:800;display:grid}.school-pay-page input{border:1px solid #d8e1ec;border-radius:8px;padding:11px}.school-file{text-align:center;color:#2563eb;border:1.5px dashed #aac0dc;border-radius:10px;place-items:center;padding:18px}.school-file svg{font-size:28px}.school-file span{color:#8796a9;font-size:8px}.school-file input{width:100%;font-size:9px}.school-pay-page form>button{color:#fff;background:#2563eb;border:0;border-radius:8px;padding:12px;font-weight:800}.school-pay-page section>em{color:#8997a8;margin-top:12px;font-size:8px;line-height:1.5;display:block}.school-pay-error{color:#b52c2c;font-size:9px}.school-pay-success{text-align:center;padding:25px 0}.school-pay-success>svg{color:#20a15b;font-size:58px}.school-pay-success b{color:#2563eb;background:#eaf2ff;border-radius:8px;padding:8px 12px;display:inline-block}