dialog.my-payment-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-width:480px;max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:auto;border:1px solid #dbe5ec;border-radius:24px;background:#fff;color:#17384b;box-shadow:0 28px 100px #071d3359;font-family:Arial,Helvetica,sans-serif;text-align:left}
dialog.my-payment-dialog::backdrop{background:#092334a3;backdrop-filter:blur(5px)}
dialog.my-payment-dialog *{box-sizing:border-box}dialog.my-payment-dialog [hidden]{display:none!important}
dialog.my-payment-dialog form{margin:0;padding:0;background:transparent;display:block}
dialog.my-payment-dialog header{position:static;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#102e40;color:#fff;border:0;width:auto;min-height:0}
.my-payment-brand{font-size:12px;font-weight:900;letter-spacing:2px}
dialog.my-payment-dialog button{font-family:inherit;cursor:pointer;transition:background .15s,box-shadow .15s}
dialog.my-payment-dialog .my-payment-close{display:grid;place-items:center;width:32px;height:32px;padding:0;background:#ffffff12;color:#fff;border:1px solid #ffffff30;border-radius:10px;font-size:24px;line-height:1}
.my-payment-content{padding:28px 28px 12px}.my-payment-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#fdf2d8;color:#9b7018;font-size:25px;font-weight:800}.my-payment-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#59758a;margin-bottom:10px}
dialog.my-payment-dialog h2{font-family:inherit;color:#123449;font-size:26px;line-height:1.15;margin:0 0 12px;letter-spacing:-.6px}
dialog.my-payment-dialog p{font-size:14px;line-height:1.55;margin:0;color:#587084}
.my-payment-details{margin-top:23px;border:1px solid #e0e9ef;border-radius:15px;overflow:hidden;background:#f6f9fb}.my-payment-row{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;font-size:14px;color:#486477}.my-payment-row strong{color:#183e54;white-space:nowrap}.my-payment-total{border-top:1px solid #dce6ed;background:#eef4f8;align-items:center;font-weight:700}.my-payment-total strong{font-size:27px;letter-spacing:-.7px}
.my-payment-note{margin-top:18px;padding:12px 14px;border-radius:12px;background:#eef7f4;color:#31604e;font-size:12px;line-height:1.5}.my-payment-field{margin-top:20px}.my-payment-field label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.my-payment-input-wrap{display:flex;gap:10px;align-items:center;border:1px solid #b6cbd9;border-radius:12px;padding:12px 14px;background:#fff}.my-payment-input-wrap input{min-width:0;width:100%;padding:0;border:0;background:#fff;color:#17384b;font-size:22px;box-shadow:none}.my-payment-input-wrap:focus-within{outline:3px solid #b1d6eb}.my-payment-field #my-payment-error{color:#ae3540;margin-top:8px;font-size:12px}
dialog.my-payment-dialog footer{position:static;display:flex;gap:10px;padding:16px 28px 26px;background:#fff;border:0}
dialog.my-payment-dialog .my-payment-primary,dialog.my-payment-dialog .my-payment-back{min-height:48px;padding:12px 17px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.25;white-space:normal}
dialog.my-payment-dialog .my-payment-primary{flex:1;background:#235770;color:#fff;border:1px solid #235770}.my-payment-primary:hover{background:#153e55!important}
dialog.my-payment-dialog .my-payment-back{background:#f5f8fa;border:1px solid #d8e3eb;color:#3d5b6e}
dialog.my-payment-dialog button:focus-visible{outline:3px solid #e8b447;outline-offset:3px}
@media(max-width:480px){.my-payment-content{padding:24px 20px 10px}dialog.my-payment-dialog header{padding:16px 20px}dialog.my-payment-dialog footer{padding:14px 20px 22px;flex-direction:column-reverse}dialog.my-payment-dialog h2{font-size:24px}.my-payment-row{padding:12px 14px}}