*{box-sizing:border-box;margin:0;padding:0}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;box-shadow:8px 8px 16px #b8bec7,-8px -8px 16px #fff}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: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)}}.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}}