.stripe-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.stripe-modal.is-open{pointer-events:auto;opacity:1}.stripe-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0d11cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stripe-card{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 20px 40px #00000080;overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.stripe-modal.is-open .stripe-card{transform:translateY(0)}.stripe-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-weight:500;font-size:15px;color:var(--ink);background:#ffffff05}.stripe-body{padding:24px}.stripe-item{margin:0;display:flex;justify-content:space-between;font-size:18px;font-weight:500}.stripe-sub{margin:4px 0 0;color:var(--muted);font-size:13px}.mt-4{margin-top:24px}.stripe-input-group{margin-bottom:16px}.stripe-input-group label{display:block;margin-bottom:8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stripe-fake-input{display:flex;align-items:center;background:var(--ground);border:1px solid var(--line-strong);border-radius:6px;padding:0 12px;height:44px}.stripe-fake-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.stripe-fake-input input{background:transparent;border:none;color:var(--ink);font-family:var(--mono);font-size:14px;outline:none;padding:0 8px;flex:1}.stripe-fake-input input::placeholder{color:var(--faint)}.stripe-standard-input{width:100%;height:44px;background:var(--ground);border:1px solid var(--line-strong);border-radius:6px;padding:0 12px;color:var(--ink);font-family:var(--sans);font-size:14px;outline:none}.stripe-standard-input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.stripe-footer{padding:20px 24px;border-top:1px solid var(--line);display:flex;gap:12px;background:#ffffff03}.btn-pay{flex:1;background:var(--cyan);color:var(--ground);font-weight:600;justify-content:center;border-color:var(--cyan)}.btn-cancel{background:transparent;border-color:var(--line);justify-content:center;padding:0 16px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(10,13,17,.3);border-top-color:var(--ground);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}