*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.card{text-align:center;background:#fff;border-radius:12px;width:380px;padding:40px;box-shadow:0 2px 12px #00000014}.product-name{margin-bottom:8px;font-size:20px;font-weight:600}.product-price{color:#07c160;margin-bottom:24px;font-size:32px;font-weight:700}.product-price span{color:#999;font-size:16px;font-weight:400}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:background .2s;display:inline-flex}.btn-pay{color:#fff;background:#07c160}.btn-pay:hover{background:#06ad56}.btn-pay:disabled{cursor:not-allowed;background:#ccc}.btn-secondary{color:#333;background:#f0f2f5;margin-top:12px}.btn-secondary:hover{background:#e4e6e9}.qr-container{margin:20px 0}.qr-container img{border-radius:8px}.qr-hint{color:#999;margin-top:12px;font-size:14px}.status-waiting{color:#fa8c16;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.spinner{border:2px solid #fa8c16;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-icon{margin-bottom:16px;font-size:64px}.success-text{color:#07c160;margin-bottom:24px;font-size:20px;font-weight:600}.error-text{color:#ff4d4f;margin-bottom:24px;font-size:16px}