.ho-payglass{position:relative;isolation:isolate;width:min(820px,calc(100% - 32px));margin:48px auto;padding:48px;border:1px solid rgba(170,192,235,.5);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(235,241,255,.7));box-shadow:0 24px 80px #5472a51a,inset 0 1px #fff;backdrop-filter:blur(24px);color:#304664;text-align:center;overflow:hidden}.ho-payglass::before{content:'';position:absolute;z-index:-1;width:320px;height:320px;right:-150px;top:-150px;border-radius:50%;background:#b4d4ff55;filter:blur(50px)}.ho-pay-orb{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:22px;background:linear-gradient(135deg,#fff,#dceaff);box-shadow:inset 0 1px #fff,0 8px 28px #6c8db829;color:#6489cd;font-size:32px}.ho-pay-eyebrow{font-size:11px;letter-spacing:2px;color:#8196b5;font-weight:700}.ho-payglass h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:16px 0!important;color:#304664!important}.ho-pay-description{color:#7185a2;line-height:1.7}.ho-pay-status{display:grid;grid-template-columns:12px 1fr;gap:8px 12px;align-items:center;text-align:left;margin:30px 0 18px;padding:22px;border:1px solid #dbe5f6;border-radius:20px;background:#ffffff90}.ho-pay-dot{width:9px;height:9px;border-radius:50%;background:#80a6e5;box-shadow:0 0 0 5px #86ade51c}.ho-pay-message{grid-column:2;font-size:13px;color:#7387a4}.ho-pay-track{height:5px;border-radius:20px;background:#dfe8f5;overflow:hidden}.ho-pay-track span{display:block;width:35%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9cb7ee,#75c8cb);animation:ho-pay-scan 2.2s ease-in-out infinite}.ho-pay-steps{display:flex;justify-content:space-between;list-style:none;padding:0;margin:14px 0 30px;font-size:12px;color:#95a4ba}.ho-pay-steps .is-current{color:#587bb7;font-weight:600}.ho-pay-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.ho-pay-actions a,.ho-pay-actions button{border-radius:14px;padding:13px 19px;text-decoration:none!important;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}.ho-pay-continue{background:linear-gradient(135deg,#7899d7,#6589ca);color:white!important;box-shadow:0 6px 22px #668bc52b;border:1px solid #ffffff55}.ho-pay-check{color:#5676a5;background:#ffffff9c;border:1px solid #d4e0f1}.ho-pay-back{color:#7d8da5!important}.ho-pay-check:disabled{opacity:.6;cursor:wait}.ho-pay-actions :focus-visible{outline:3px solid #6f9edb;outline-offset:4px}.ho-pay-footnote{font-size:11px;color:#8999ae;line-height:1.7;margin-top:26px}.ho-pay-services{display:grid;gap:8px;margin-bottom:22px}.ho-pay-services a{padding:14px;border-radius:14px;background:#ffffff99;border:1px solid #dae5f2;color:#496788;text-decoration:none}.ho-payglass[data-state=paid] .ho-pay-dot{background:#5cac99;box-shadow:0 0 0 5px #5cac991c}.ho-payglass[data-state=paid] .ho-pay-track span{width:100%;animation:none;background:#81bcae}.ho-payglass[data-state=closed] .ho-pay-track span{animation:none;background:#b8a2a2;width:100%}.ho-pay-toast{position:fixed;z-index:10000;right:24px;bottom:24px;max-width:min(430px,calc(100vw - 32px));padding:20px 24px;border:1px solid #b9ddcf;border-radius:20px;background:#f1fff6e8;backdrop-filter:blur(24px);box-shadow:0 16px 50px #416c591f;color:#326554;font:500 14px/1.7 system-ui;display:flex;gap:18px;align-items:center}.ho-pay-toast button{background:none;border:0;color:inherit;font-size:22px;cursor:pointer}@keyframes ho-pay-scan{0%{transform:translateX(-100%)}100%{transform:translateX(390%)}}@media(prefers-reduced-motion:reduce){.ho-pay-track span{animation:none;width:100%;opacity:.65}}@media(max-width:600px){.ho-payglass{margin:24px auto;padding:28px 20px;border-radius:24px}.ho-pay-status{padding:18px}.ho-pay-actions>*{flex:1 1 42%}.ho-pay-back{flex-basis:100%}.ho-pay-toast{right:16px;bottom:16px}}

.ho-pay-deadline{font-size:13px;font-variant-numeric:tabular-nums;color:#6481a9;padding:12px 16px;border:1px solid #d9e5f4;border-radius:14px;background:#ffffff70}.ho-pay-recorded{font-size:12px;color:#4f8b78}