*{box-sizing:border-box;cursor:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"%23999\" stroke-width=\"1.5\"/><circle cx=\"10\" cy=\"10\" r=\"2\" fill=\"%23999\"/></svg>") 10 10,auto;margin:0;padding:0}a,button,[role=button]{cursor:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"%23555\" stroke-width=\"1.5\"/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"%23555\"/><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"6\" stroke=\"%23555\" stroke-width=\"1.5\"/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"22\" stroke=\"%23555\" stroke-width=\"1.5\"/><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" stroke=\"%23555\" stroke-width=\"1.5\"/><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"%23555\" stroke-width=\"1.5\"/></svg>") 12 12,pointer}body{color:#444;background:#e0e5ec;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{text-align:center;background:#e0e5ec;border-radius:24px;width:100%;max-width:420px;padding:48px 36px;transition:transform .15s ease-out;box-shadow:8px 8px 16px #b8bec7,-8px -8px 16px #fff}.glow-card{--glow-x:50%;--glow-y:50%;position:relative;overflow:hidden}.glow-card:before{content:"";background:radial-gradient(300px circle at var(--glow-x) var(--glow-y), #ffffff59, transparent 60%);pointer-events:none;opacity:0;z-index:1;border-radius:24px;transition:opacity .3s;position:absolute;inset:0}.glow-card:hover:before{opacity:1}h1{color:#333;margin-bottom:12px;font-size:2rem;font-weight:700}.subtitle{color:#777;margin-bottom:36px;font-size:1rem;line-height:1.5}.btn{cursor:pointer;color:#555;background:#e0e5ec;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:60px;padding:18px 32px;font-size:1.2rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:6px 6px 12px #b8bec7,-6px -6px 12px #fff}.btn-shadow-wrap{filter:drop-shadow(6px 6px 6px #b8bec7)drop-shadow(-6px -6px 6px #fff);width:100%;transition:filter .2s}.btn-shadow-wrap:hover{filter:drop-shadow(4px 4px 4px #b8bec7)drop-shadow(-4px -4px 4px #fff)}.dent-btn{--dent-x:50%;--dent-y:50%;--dent-opacity:0;box-shadow:none;position:relative}.dent-btn:before{content:"";border-radius:inherit;background:radial-gradient(80px circle at var(--dent-x) var(--dent-y), #00000012 0%, transparent 60%);pointer-events:none;opacity:var(--dent-opacity);transition:opacity .25s;position:absolute;inset:0}.dent-btn:hover:not(:disabled){background:radial-gradient(80px circle at var(--dent-x) var(--dent-y), #d4d9e0 0%, #e0e5ec 60%);box-shadow:none}.btn:hover:not(:disabled){box-shadow:4px 4px 8px #b8bec7,-4px -4px 8px #fff}.btn:active:not(:disabled){box-shadow:inset 4px 4px 8px #b8bec7,inset -4px -4px 8px #fff}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.pay{color:#3a3a3a;padding:22px 32px;font-size:1.4rem;font-weight:700}.hint{color:#999;margin-top:24px;font-size:.9rem;font-style:italic}.icon{background:#e0e5ec;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:2.5rem;display:flex}.icon.success{color:#2f855a;box-shadow:inset 4px 4px 8px #b8bec7,inset -4px -4px 8px #fff}.icon.cancel{color:#c53030;box-shadow:inset 4px 4px 8px #b8bec7,inset -4px -4px 8px #fff}.spinner{border:3px solid #ccc;border-top-color:#555;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.github-link{color:#888;background:#e0e5ec;border-radius:12px;align-items:center;gap:6px;margin-top:28px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:3px 3px 6px #b8bec7,-3px -3px 6px #fff}.github-link:hover{color:#555;box-shadow:2px 2px 4px #b8bec7,-2px -2px 4px #fff,0 0 16px #ffffff80}.github-link:active{box-shadow:inset 2px 2px 4px #b8bec7,inset -2px -2px 4px #fff}.checkout-wrapper{width:100%;max-width:500px}.btn.back{width:auto;margin-bottom:20px;padding:10px 20px;font-size:.95rem}@media (width<=480px){.card{border-radius:20px;padding:36px 24px}h1{font-size:1.6rem}.btn.pay{padding:18px 24px;font-size:1.2rem}}