*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#111;min-height:100vh}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 16px}.card{background:#fff;max-width:360px;width:100%;padding:32px 24px;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 4px 24px #0000000a;text-align:center}.fade-in{animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.payment-label{font-size:12px;color:#5b6472;text-transform:uppercase;margin-bottom:12px}.card h1{font-size:40px;font-weight:700;margin-bottom:6px;color:#0f172a}.payment-sub{font-size:14px;color:#64748b;margin-bottom:28px}.progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:16px}.progress-track{flex:1;height:7px;background:#e8edf4;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .35s ease}.progress-pct{font-size:12px;font-weight:600;color:#64748b;min-width:32px;text-align:right}.payment-status{font-size:15px;color:#334155;min-height:1.4em}.payment-hint{margin-top:20px;font-size:12px;color:#94a3b8}.failed-icon{width:72px;height:72px;margin:20px auto 24px;border-radius:50%;background:#fef2f2;border:2px solid #fecaca;display:flex;align-items:center;justify-content:center}.failed-x{position:relative;width:28px;height:28px;display:block}.failed-x:before,.failed-x:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:3px;background:#dc2626;border-radius:2px}.failed-x:before{transform:translate(-50%,-50%) rotate(45deg)}.failed-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.failed-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:8px}.failed-sub{font-size:15px;color:#64748b;margin-bottom:16px}.failed-code{font-size:11px;color:#94a3b8;font-family:ui-monospace,monospace}.message-title{font-size:28px;line-height:1.25;margin-bottom:16px}.message-lead{font-size:15px;line-height:1.55;color:#475569;margin-bottom:20px}.message-rule{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:16px}.message-body{font-size:15px;line-height:1.55;color:#64748b;margin-bottom:16px}.message-tow{font-size:15px;font-weight:600;line-height:1.5;color:#1e293b;margin-bottom:24px}.message-footer{font-size:14px;color:#94a3b8}