.checkout-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.checkout-card{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:100%}.checkout-card.error{border:2px solid #f44336}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:18px;color:#333;margin-bottom:12px;font-weight:500}.info-text{font-size:14px;color:#666}.error-icon{font-size:64px;margin-bottom:16px}.checkout-card.error h2{color:#f44336;margin-bottom:12px;font-size:24px}.checkout-card.error p{color:#666;font-size:16px}.result-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.result-card{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:100%}.success-icon{width:80px;height:80px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700;margin:0 auto 24px}.failure-icon{width:80px;height:80px;background:#f44336;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:700;margin:0 auto 24px}.result-card h1{font-size:28px;margin-bottom:16px;color:#333}.result-card.success h1{color:#4caf50}.result-card.failure h1{color:#f44336}.result-card p{font-size:16px;color:#666;margin-bottom:12px}.result-card .info{font-size:14px;color:#999;margin-top:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}