{"id":2,"date":"2026-10-15T11:15:08","date_gmt":"2026-10-15T03:15:08","guid":{"rendered":"http:\/\/wobhyp.baby\/?page_id=2"},"modified":"2026-10-30T17:55:08","modified_gmt":"2026-10-30T09:55:08","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/ragopay.com\/vi\/","title":{"rendered":"Home \u2014 RAGOPAY"},"content":{"rendered":"\n\n\t<section class=\"section ragopay-hero-section\" id=\"section_877406363\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/ragopay.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-2026\u5e7410\u670822\u65e5-19_07_54.png\" class=\"bg attachment-original size-original\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1803389858\">\n\n\n\t<div id=\"col-1088563829\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2670094328\" class=\"text ragopay-hero-eyebrow\">\n\t\t\n\n<p style=\"display:inline-block; margin:0 0 14px 0; padding:6px 16px; border:1px solid rgba(101,217,199,0.55); border-radius:999px; color:#65D9C7; background:rgba(101,217,199,0.03);\">\nRAGOPAY \u00d7 YUBIT \u00b7 TRADING FEE CASHBACK\n<\/p>\n\t\t\n<style>\n#text-2670094328 {\n  font-size: 1rem;\n  color: rgb(120, 216, 200);\n}\n#text-2670094328 > * {\n  color: rgb(120, 216, 200);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2055669999\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-3473022857\" class=\"text ragopay-hero-title\">\n\t\t\n\n<p style=\"margin-bottom: 0;\"><strong>Get Up to <span style=\"color: #b8f36b;\">70%<\/span> Back on Your YUBIT Trading Fees<\/strong><\/p>\n\t\t\n<style>\n#text-3473022857 {\n  font-size: 3.5rem;\n  line-height: 1.2;\n  text-align: left;\n  color: rgb(243, 247, 246);\n}\n#text-3473022857 > * {\n  color: rgb(243, 247, 246);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1852019333\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-2963884763\" class=\"text ragopay-hero-desc\">\n\t\t\n\n<p>Register through RAGOPAY, trade eligible products, and discover your potential trading fee cashback.<\/p>\n\t\t\n<style>\n#text-2963884763 {\n  font-size: 1.02rem;\n  color: rgb(167, 184, 184);\n}\n#text-2963884763 > * {\n  color: rgb(167, 184, 184);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2116787813\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<a href=\"https:\/\/www.vipyb.me\/register?inviteCode=MTHGH\" target=\"_blank\" class=\"button primary ragopay-hover\" rel=\"noopener\" style=\"border-radius:50px;\">\n\t\t<span>CLICK TO REGISTER<\/span>\n\t<\/a>\n\n\n<a href=\"#ragopay-cashback-calculator\" class=\"button primary is-outline ragopay-hover\" style=\"border-radius:50px;\">\n\t\t<span>CALCULATE MY CASHBACK<\/span>\n\t<\/a>\n\n\n\t<div id=\"text-1098335140\" class=\"text ragopay-hero-note\">\n\t\t\n\n<p style=\"margin:12px 0 0; color:#91A7A5; font-size:0.85rem; line-height:1.6;\">Up to 70% of eligible trading fees. Subject to referral eligibility and actual settlement; not a guaranteed payment.<\/p>\n\t\t\n<style>\n#text-1098335140 {\n  color: rgb(167, 183, 181);\n}\n#text-1098335140 > * {\n  color: rgb(167, 183, 181);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_877406363 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(3, 23, 28);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section dark\" id=\"section_1183574828\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1880902745\">\n\n\n\t<div id=\"col-545577507\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<div id=\"calculator\" style=\"height:0;scroll-margin-top:150px;\" aria-hidden=\"true\"><\/div>\n\n<p style=\"margin:0 0 10px;color:#43D9BE;font-size:0.82rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;\">\n  RAGOPAY \u00d7 YUBIT\n<\/p>\n<h2 style=\"margin:0 0 12px;color:#F5F8F7;font-size:2.4rem;font-weight:700;line-height:1.15;\">\n  Cashback Calculator<br \/>\n<\/h2>\n<p style=\"margin:0;color:#A7B7B5;font-size:1rem;line-height:1.6;\">\n  Estimate your potential trading fee cashback.<\/p>\n\n<div id=\"ragopay-cashback-calculator\">\n  <style>\n    #ragopay-cashback-calculator,\n    #ragopay-cashback-calculator * { box-sizing: border-box; }\n    #ragopay-cashback-calculator {\n      --rg-green: #8be0ac; --rg-lime: #b8f36b; --rg-teal: #35d6c1;\n      width: 100%; max-width: 1120px; margin: 24px auto;\n      padding: clamp(20px, 3vw, 36px); color: #f2f8f6;\n      border: 1px solid rgba(78, 208, 185, .22); border-radius: 20px;\n      background: radial-gradient(ellipse at 90% 5%, rgba(26,130,99,.24), transparent 40%), radial-gradient(ellipse at 10% 100%, rgba(0,108,100,.18), transparent 45%), #04191d;\n      box-shadow: 0 18px 50px rgba(0,0,0,.16); font-family: inherit;\n    }\n    #ragopay-cashback-calculator .rg-eyebrow { display:inline-block; margin-bottom:14px; padding:7px 12px; border:1px solid rgba(53,214,193,.35); border-radius:30px; color:var(--rg-teal); font-size:11px; font-weight:700; letter-spacing:1.2px; }\n    #ragopay-cashback-calculator .rg-intro { margin-bottom:25px; }\n    #ragopay-cashback-calculator .rg-intro p { margin:0; color:#a8bfbd; font-size:15px; line-height:1.7; }\n    #ragopay-cashback-calculator .rg-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:22px; align-items:stretch; }\n    #ragopay-cashback-calculator .rg-panel { min-width:0; padding:24px; border:1px solid rgba(130,190,180,.16); border-radius:15px; background:rgba(10,39,43,.78); }\n    #ragopay-cashback-calculator .rg-field { margin-bottom:22px; }\n    #ragopay-cashback-calculator .rg-label { display:block; margin-bottom:10px; color:#edf7f4; font-size:14px; font-weight:600; }\n    #ragopay-cashback-calculator .rg-hint { margin-top:7px; color:#8da8a6; font-size:12px; line-height:1.6; }\n    #ragopay-cashback-calculator .rg-error { display:none; margin-top:7px; color:#ffb4a8; font-size:12px; line-height:1.5; }\n    #ragopay-cashback-calculator .rg-error.is-visible { display:block; }\n    #ragopay-cashback-calculator .rg-input-wrap { display:flex; align-items:center; gap:10px; min-width:0; padding:4px 14px; border:1px solid #31565a; border-radius:9px; background:#061d21; transition:border-color .2s,box-shadow .2s; }\n    #ragopay-cashback-calculator .rg-input-wrap:focus-within { border-color:var(--rg-green); box-shadow:0 0 0 3px rgba(139,224,172,.09); }\n    #ragopay-cashback-calculator .rg-input-wrap input { width:100%; min-width:0; height:46px; margin:0; padding:0; border:0; outline:none; background:transparent; color:#fff; box-shadow:none; font-size:19px; font-weight:600; }\n    #ragopay-cashback-calculator .rg-input-wrap input:focus { box-shadow:none; }\n    #ragopay-cashback-calculator .rg-unit { flex-shrink:0; color:#8eddb9; font-size:12px; font-weight:700; }\n    #ragopay-cashback-calculator .rg-quick { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }\n    #ragopay-cashback-calculator .rg-quick button { padding:7px 10px; border:1px solid #31565a; border-radius:7px; background:transparent; color:#b5c9c7; font-size:12px; cursor:pointer; transition:background .2s,border-color .2s,color .2s; }\n    #ragopay-cashback-calculator .rg-quick button:hover,\n    #ragopay-cashback-calculator .rg-quick button.rg-selected { border-color:var(--rg-green); background:rgba(139,224,172,.1); color:var(--rg-green); }\n    #ragopay-cashback-calculator .rg-toggle { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }\n    #ragopay-cashback-calculator .rg-toggle button { min-width:0; padding:13px 8px; border:1px solid #31565a; border-radius:9px; background:#061d21; color:#b7c9c7; font-size:14px; font-weight:600; cursor:pointer; transition:all .2s ease; }\n    #ragopay-cashback-calculator .rg-toggle button:hover { border-color:var(--rg-green); }\n    #ragopay-cashback-calculator .rg-toggle button.rg-active { border-color:var(--rg-green); background:rgba(139,224,172,.1); color:var(--rg-green); box-shadow:inset 0 0 0 1px rgba(139,224,172,.12); }\n    #ragopay-cashback-calculator .rg-select { display:block; width:100%; min-height:48px; margin:0; padding:10px 40px 10px 13px; border:1px solid #31565a; border-radius:9px; background-color:#061d21; color:#f2f8f6; font:inherit; font-size:14px; box-shadow:none; }\n    #ragopay-cashback-calculator .rg-select:focus { border-color:var(--rg-green); outline:2px solid rgba(139,224,172,.15); outline-offset:1px; }\n    #ragopay-cashback-calculator .rg-result { display:flex; flex-direction:column; justify-content:flex-start; background:radial-gradient(ellipse at 90% 0%, rgba(36,131,95,.25), transparent 55%), #082328; }\n    #ragopay-cashback-calculator .rg-result-label { color:#a8bfbd; font-size:14px; }\n    #ragopay-cashback-calculator .rg-result-amount { margin:12px 0 8px; color:var(--rg-lime); font-size:clamp(30px,3.5vw,43px); font-weight:800; line-height:1.2; letter-spacing:-1.2px; overflow-wrap:anywhere; }\n    #ragopay-cashback-calculator .rg-result-unit { color:#8da8a6; font-size:12px; line-height:1.6; }\n    #ragopay-cashback-calculator .rg-divider { height:1px; margin:24px 0; border:0; background:rgba(160,207,198,.16); }\n    #ragopay-cashback-calculator .rg-metric { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:17px; font-size:13px; }\n    #ragopay-cashback-calculator .rg-metric:last-of-type { margin-bottom:0; }\n    #ragopay-cashback-calculator .rg-metric-label { color:#a8bfbd; }\n    #ragopay-cashback-calculator .rg-metric-value { color:#f3f8f6; font-weight:700; text-align:right; overflow-wrap:anywhere; }\n    #ragopay-cashback-calculator .rg-net { color:#f3f8f6; }\n    #ragopay-cashback-calculator .rg-cashback-rate { color:var(--rg-green); }\n    #ragopay-cashback-calculator .rg-right-column { display:flex; flex-direction:column; gap:16px; min-width:0; align-self:stretch; }\n    \/* Let the calculation panel fill the remaining column height so both columns finish on the same baseline. *\/\n    #ragopay-cashback-calculator .rg-method-panel { flex:1 0 auto; }\n    \/* One understated panel contains both the heading and all three formula steps. *\/\n    #ragopay-cashback-calculator .rg-method-panel { display:flex; flex-direction:column; justify-content:center; margin:0; padding:18px 20px; border:1px solid rgba(130,190,180,.16); border-radius:15px; background:rgba(10,39,43,.78); box-shadow:none; }\n    #ragopay-cashback-calculator .rg-formula-title { margin:0 0 10px; padding:0; border:0; border-radius:0; background:transparent; color:#edf7f4; font-size:14px; font-weight:600; line-height:1.5; text-align:left; }\n    #ragopay-cashback-calculator .rg-formula-steps { display:flex; flex-direction:column; gap:4px; padding:0; text-align:left; }\n    #ragopay-cashback-calculator .rg-formula-step { display:block; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; color:#a8bfbd; font-size:12px; line-height:1.8; text-align:left; }\n    #ragopay-cashback-calculator .rg-formula-step p { margin:0; text-align:left; }\n    #ragopay-cashback-calculator .rg-formula-number { color:#a8bfbd; font-weight:600; margin-right:7px; }\n    #ragopay-cashback-calculator .rg-disclaimer { margin:14px 0 0; padding:14px 18px; border:1px solid rgba(130,190,180,.13); border-radius:12px; background:rgba(4,25,29,.3); color:#839b99; font-size:11px; line-height:1.75; }\n    #ragopay-cashback-calculator .rg-disclaimer p { margin:0 0 7px; color:inherit; font-size:inherit; line-height:inherit; }\n    #ragopay-cashback-calculator .rg-disclaimer p:last-child { margin-bottom:0; }\n    #ragopay-cashback-calculator .rg-disclaimer a { color:#8fe0d2; text-decoration:underline; text-underline-offset:3px; }\n    #ragopay-cashback-calculator .rg-disclaimer a:hover { color:#b8f5e9; }\n    #ragopay-cashback-calculator button:focus-visible,\n    #ragopay-cashback-calculator input:focus-visible,\n    #ragopay-cashback-calculator select:focus-visible { outline:2px solid var(--rg-green); outline-offset:3px; }\n    \/* Desktop refinement: compact result rows and balanced columns. *\/\n    @media (min-width:821px) {\n      #ragopay-cashback-calculator .rg-right-column { gap:12px; }\n      #ragopay-cashback-calculator .rg-result { padding:20px; }\n      #ragopay-cashback-calculator .rg-result .rg-divider { margin:18px 0; }\n      #ragopay-cashback-calculator .rg-result .rg-metric { margin-bottom:12px; }\n      #ragopay-cashback-calculator .rg-result .rg-metric:last-child { margin-bottom:0; }\n      #ragopay-cashback-calculator .rg-method-panel { padding:16px 20px; }\n    }\n    @media (max-width:820px) {\n      #ragopay-cashback-calculator { margin:16px auto; padding:18px; border-radius:14px; }\n      #ragopay-cashback-calculator .rg-intro { margin-bottom:18px; }\n      #ragopay-cashback-calculator .rg-intro p { font-size:14px; }\n      #ragopay-cashback-calculator .rg-layout { grid-template-columns:minmax(0,1fr); gap:14px; }\n      #ragopay-cashback-calculator .rg-panel { padding:18px; }\n      #ragopay-cashback-calculator .rg-field { margin-bottom:20px; }\n      #ragopay-cashback-calculator .rg-result-amount { font-size:36px; }\n      #ragopay-cashback-calculator .rg-right-column { gap:14px; }\n      #ragopay-cashback-calculator .rg-method-panel { padding:16px 17px; }\n      #ragopay-cashback-calculator .rg-formula-title { padding:0; margin-bottom:9px; }\n      #ragopay-cashback-calculator .rg-formula-steps { gap:4px; }\n      #ragopay-cashback-calculator .rg-formula-step { font-size:12px; }\n      #ragopay-cashback-calculator .rg-disclaimer { padding:13px 14px; }\n    }\n    \/* Preserve the original compact mobile layout. *\/\n    @media (max-width:600px) {\n      #ragopay-cashback-calculator { margin:10px auto; padding:14px; border-radius:12px; }\n      #ragopay-cashback-calculator .rg-eyebrow { margin-bottom:10px; padding:6px 10px; font-size:10px; letter-spacing:1px; }\n      #ragopay-cashback-calculator .rg-intro { margin-bottom:14px; }\n      #ragopay-cashback-calculator .rg-intro p { font-size:13px; line-height:1.6; }\n      #ragopay-cashback-calculator .rg-layout { gap:10px; }\n      #ragopay-cashback-calculator .rg-panel { padding:15px; border-radius:13px; }\n      #ragopay-cashback-calculator .rg-field { margin-bottom:16px; }\n      #ragopay-cashback-calculator .rg-label { margin-bottom:8px; font-size:13px; }\n      #ragopay-cashback-calculator .rg-hint { margin-top:5px; font-size:11px; line-height:1.55; }\n      #ragopay-cashback-calculator .rg-select { min-height:44px; padding:8px 36px 8px 11px; font-size:13px; }\n      #ragopay-cashback-calculator .rg-toggle { gap:8px; }\n      #ragopay-cashback-calculator .rg-toggle button { padding:11px 7px; font-size:13px; }\n      #ragopay-cashback-calculator .rg-input-wrap { gap:8px; padding:3px 11px; }\n      #ragopay-cashback-calculator .rg-input-wrap input { height:42px; font-size:17px; }\n      #ragopay-cashback-calculator .rg-quick { gap:6px; margin-top:8px; }\n      #ragopay-cashback-calculator .rg-quick button { padding:6px 9px; font-size:11px; }\n      #ragopay-cashback-calculator .rg-result-label { font-size:13px; }\n      #ragopay-cashback-calculator .rg-result-amount { margin:9px 0 6px; font-size:33px; letter-spacing:-.9px; }\n      #ragopay-cashback-calculator .rg-result-unit { font-size:11px; line-height:1.55; }\n      #ragopay-cashback-calculator .rg-divider { margin:18px 0; }\n      #ragopay-cashback-calculator .rg-metric { gap:10px; margin-bottom:13px; font-size:12px; }\n      #ragopay-cashback-calculator .rg-right-column { gap:10px; }\n      #ragopay-cashback-calculator .rg-method-panel { padding:14px; }\n      #ragopay-cashback-calculator .rg-formula-title { margin-bottom:7px; font-size:13px; }\n      #ragopay-cashback-calculator .rg-formula-steps { gap:3px; }\n      #ragopay-cashback-calculator .rg-formula-step { font-size:11px; line-height:1.7; }\n      #ragopay-cashback-calculator .rg-formula-number { margin-right:5px; }\n      #ragopay-cashback-calculator .rg-disclaimer { margin-top:10px; padding:11px 12px; font-size:10.5px; line-height:1.65; }\n      #ragopay-cashback-calculator .rg-disclaimer p { margin-bottom:6px; }\n    }\n    @media (prefers-reduced-motion:reduce) { #ragopay-cashback-calculator * { transition:none !important; } }\n  <\/style>\n\n  <div class=\"rg-eyebrow\">LIVE CASHBACK ESTIMATE<\/div>\n  <div class=\"rg-intro\"><p>Select your VIP level, trading product, order type and executed trading value to estimate your potential cashback in real time. This calculator covers Spot and Futures.<\/p><\/div>\n\n  <div class=\"rg-layout\">\n    <div class=\"rg-panel\">\n      <div class=\"rg-field\">\n        <label class=\"rg-label\" for=\"rg-vip\">VIP level<\/label>\n        <select id=\"rg-vip\" class=\"rg-select\">\n          <option value=\"0\" selected>VIP 0 (default)<\/option><option value=\"1\">VIP 1<\/option><option value=\"2\">VIP 2<\/option>\n          <option value=\"3\">VIP 3<\/option><option value=\"4\">VIP 4<\/option><option value=\"5\">VIP 5<\/option>\n          <option value=\"6\">VIP 6<\/option><option value=\"7\">VIP 7<\/option><option value=\"8\">VIP 8<\/option>\n        <\/select>\n        <div class=\"rg-hint\">Select your current YUBIT VIP level.<\/div>\n      <\/div>\n      <div class=\"rg-field\">\n        <span class=\"rg-label\">Trading product<\/span>\n        <div class=\"rg-toggle\" role=\"group\" aria-label=\"Trading product\">\n          <button type=\"button\" data-product=\"spot\" aria-pressed=\"false\">Spot<\/button>\n          <button type=\"button\" data-product=\"futures\" class=\"rg-active\" aria-pressed=\"true\">Futures<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"rg-field\">\n        <span class=\"rg-label\">Order type<\/span>\n        <div class=\"rg-toggle\" role=\"group\" aria-label=\"Order type\">\n          <button type=\"button\" data-fee-type=\"taker\" class=\"rg-active\" aria-pressed=\"true\">Taker<\/button>\n          <button type=\"button\" data-fee-type=\"maker\" aria-pressed=\"false\">Maker<\/button>\n        <\/div>\n        <div class=\"rg-hint\">Select the order type used for your trades.<\/div>\n      <\/div>\n      <div class=\"rg-field\" style=\"margin-bottom:0\">\n        <label class=\"rg-label\" for=\"rg-volume\">Executed Trading Value (USDT)<\/label>\n        <div class=\"rg-input-wrap\"><input id=\"rg-volume\" type=\"number\" min=\"0\" step=\"any\" inputmode=\"decimal\" value=\"10000\" aria-label=\"Executed trading value in USDT\" aria-describedby=\"rg-volume-hint rg-volume-error\"><span class=\"rg-unit\">USDT<\/span><\/div>\n        <div id=\"rg-volume-hint\" class=\"rg-hint\">Enter the executed trade value in USDT. For Futures, use the executed order value, not your margin.<\/div>\n        <div id=\"rg-volume-error\" class=\"rg-error\" role=\"status\" aria-live=\"polite\"><\/div>\n        <div class=\"rg-quick\" aria-label=\"Quick trading value selection\">\n          <button type=\"button\" data-volume=\"1000\">1K<\/button><button type=\"button\" data-volume=\"10000\" class=\"rg-selected\">10K<\/button>\n          <button type=\"button\" data-volume=\"50000\">50K<\/button><button type=\"button\" data-volume=\"100000\">100K<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"rg-right-column\">\n      <div class=\"rg-panel rg-result\" aria-live=\"polite\">\n        <div class=\"rg-result-label\">Estimated cashback<\/div>\n        <div id=\"rg-cashback\" class=\"rg-result-amount\">5.60 USDT<\/div>\n        <div id=\"rg-volume-display\" class=\"rg-result-unit\">Based on 10,000 USDT futures order value \u00b7 VIP 0 \u00b7 Taker \u00b7 Up to 70% cashback<\/div>\n        <hr class=\"rg-divider\">\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">VIP level<\/span><span id=\"rg-vip-summary\" class=\"rg-metric-value\">VIP 0<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Trading product<\/span><span id=\"rg-product-summary\" class=\"rg-metric-value\">Futures<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Order type<\/span><span id=\"rg-type-summary\" class=\"rg-metric-value\">Taker<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Executed Trading Value<\/span><span id=\"rg-volume-summary\" class=\"rg-metric-value\">10,000 USDT<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Trading fee rate<\/span><span id=\"rg-fee-rate\" class=\"rg-metric-value\">0.08%<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Estimated trading fees<\/span><span id=\"rg-total-fees\" class=\"rg-metric-value\">8.00 USDT<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Illustrative cashback rate (maximum)<\/span><span class=\"rg-metric-value rg-cashback-rate\">70%<\/span><\/div>\n        <div class=\"rg-metric\"><span class=\"rg-metric-label\">Fees after estimated cashback<\/span><span id=\"rg-net-fees\" class=\"rg-metric-value rg-net\">2.40 USDT<\/span><\/div>\n      <\/div>\n\n      <div class=\"rg-method-panel\" aria-label=\"Calculation method\">\n        <div class=\"rg-formula-title\">How this estimate is calculated<\/div>\n        <div class=\"rg-formula-steps\">\n          <div class=\"rg-formula-step\"><p><span class=\"rg-formula-number\">01.<\/span> Estimated trading fees = Executed Trading Value \u00d7 Trading fee rate<\/p><\/div>\n          <div class=\"rg-formula-step\"><p><span class=\"rg-formula-number\">02.<\/span> Estimated cashback = Estimated trading fees \u00d7 Cashback rate<\/p><\/div>\n          <div class=\"rg-formula-step\"><p><span class=\"rg-formula-number\">03.<\/span> Fees after estimated cashback = Estimated trading fees \u2212 Estimated cashback<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"rg-disclaimer\">\n    <p><strong>Disclaimer:<\/strong> Calculations are estimates for reference only, using the maximum advertised cashback rate of 70%. Actual trading fees and cashback may vary based on applicable rates, eligibility, and final settlement. Please see our <a href=\"#fees\">Fees &amp; Cashback<\/a> section for full program details.<\/p>\n  <\/div>\n\n  <script>\n    (function () {\n      var root = document.getElementById('ragopay-cashback-calculator');\n      if (!root || root.getAttribute('data-rg-ready') === '1') return;\n      root.setAttribute('data-rg-ready', '1');\n\n      \/* YUBIT VIP fee schedule verified against the VIP Details table supplied by RAGOPAY. Rates are percentages, not decimals. *\/\n      var feeRates = {\n        spot: {\n          0:{maker:0.1,taker:0.1}, 1:{maker:0.09,taker:0.09}, 2:{maker:0.08,taker:0.08},\n          3:{maker:0.07,taker:0.07}, 4:{maker:0.06,taker:0.06}, 5:{maker:0.05,taker:0.05},\n          6:{maker:0.04,taker:0.04}, 7:{maker:0.02,taker:0.02}, 8:{maker:0,taker:0}\n        },\n        futures: {\n          0:{maker:0.04,taker:0.08}, 1:{maker:0.035,taker:0.07}, 2:{maker:0.03,taker:0.06},\n          3:{maker:0.025,taker:0.05}, 4:{maker:0.02,taker:0.04}, 5:{maker:0.015,taker:0.035},\n          6:{maker:0.01,taker:0.03}, 7:{maker:0.008,taker:0.025}, 8:{maker:0,taker:0.02}\n        }\n      };\n\n      var cashbackRate = 70;\n      var productType = 'futures';\n      var feeType = 'taker';\n      var volumeInput = root.querySelector('#rg-volume');\n      var volumeError = root.querySelector('#rg-volume-error');\n      var vipInput = root.querySelector('#rg-vip');\n      var cashbackOutput = root.querySelector('#rg-cashback');\n      var volumeDisplay = root.querySelector('#rg-volume-display');\n      var volumeSummary = root.querySelector('#rg-volume-summary');\n      var productSummary = root.querySelector('#rg-product-summary');\n      var vipSummary = root.querySelector('#rg-vip-summary');\n      var typeSummary = root.querySelector('#rg-type-summary');\n      var feeRateOutput = root.querySelector('#rg-fee-rate');\n      var feesOutput = root.querySelector('#rg-total-fees');\n      var netFeesOutput = root.querySelector('#rg-net-fees');\n      var productButtons = root.querySelectorAll('[data-product]');\n      var feeButtons = root.querySelectorAll('[data-fee-type]');\n      var volumeButtons = root.querySelectorAll('[data-volume]');\n\n      function formatAmount(value) {\n        return value.toLocaleString('en-US', {minimumFractionDigits:2, maximumFractionDigits:2});\n      }\n      function formatVolume(value) {\n        return value.toLocaleString('en-US', {maximumFractionDigits:2});\n      }\n      function formatRate(value) {\n        return value.toLocaleString('en-US', {minimumFractionDigits:0, maximumFractionDigits:3}) + '%';\n      }\n      function setInputError(message) {\n        volumeError.textContent = message;\n        volumeError.classList.toggle('is-visible', Boolean(message));\n        volumeInput.setAttribute('aria-invalid', String(Boolean(message)));\n        cashbackOutput.textContent = '\u2014 USDT';\n        volumeDisplay.textContent = 'Enter a valid executed trading value to view your estimate.';\n        volumeSummary.textContent = '\u2014 USDT';\n        feesOutput.textContent = '\u2014 USDT';\n        netFeesOutput.textContent = '\u2014 USDT';\n        volumeButtons.forEach(function (button) {\n          button.classList.remove('rg-selected');\n        });\n      }\n\n      function updateCalculator() {\n        var rawVolume = volumeInput.value.trim();\n        var vipLevel = String(vipInput.value || '0');\n        var selectedRate = feeRates[productType][vipLevel][feeType];\n\n        productSummary.textContent = productType === 'spot' ? 'Spot' : 'Futures';\n        vipSummary.textContent = 'VIP ' + vipLevel;\n        typeSummary.textContent = feeType === 'maker' ? 'Maker' : 'Taker';\n        feeRateOutput.textContent = formatRate(selectedRate);\n\n        if (rawVolume === '') {\n          setInputError('Enter the executed trading value to calculate your estimate.');\n          return;\n        }\n\n        var volume = Number(rawVolume);\n        if (!Number.isFinite(volume)) {\n          setInputError('Enter a valid numeric trading value.');\n          return;\n        }\n        if (volume < 0) {\n          setInputError('Trading value must be 0 or greater.');\n          return;\n        }\n\n        var tradingFees = volume * selectedRate \/ 100;\n        var cashback = tradingFees * cashbackRate \/ 100;\n        var remainingFees = tradingFees - cashback;\n        if (!Number.isFinite(tradingFees) || !Number.isFinite(cashback) || !Number.isFinite(remainingFees)) {\n          setInputError('This amount is too large to estimate. Please enter a smaller value.');\n          return;\n        }\n\n        volumeError.textContent = '';\n        volumeError.classList.remove('is-visible');\n        volumeInput.setAttribute('aria-invalid', 'false');\n        cashbackOutput.textContent = formatAmount(cashback) + ' USDT';\n        var volumeBasis = productType === 'spot' ? 'spot trading value' : 'futures order value';\n        volumeDisplay.textContent = 'Based on ' + formatVolume(volume) + ' USDT ' + volumeBasis + ' \u00b7 VIP ' + vipLevel + ' \u00b7 ' + (feeType === 'maker' ? 'Maker' : 'Taker') + ' \u00b7 Up to 70% cashback';\n        volumeSummary.textContent = formatVolume(volume) + ' USDT';\n        feesOutput.textContent = formatAmount(tradingFees) + ' USDT';\n        netFeesOutput.textContent = formatAmount(remainingFees) + ' USDT';\n        volumeButtons.forEach(function (button) {\n          button.classList.toggle('rg-selected', Number(button.getAttribute('data-volume')) === volume);\n        });\n      }\n\n      productButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          productType = button.getAttribute('data-product');\n          productButtons.forEach(function (otherButton) {\n            var active = otherButton === button;\n            otherButton.classList.toggle('rg-active', active);\n            otherButton.setAttribute('aria-pressed', String(active));\n          });\n          updateCalculator();\n        });\n      });\n      feeButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          feeType = button.getAttribute('data-fee-type');\n          feeButtons.forEach(function (otherButton) {\n            var active = otherButton === button;\n            otherButton.classList.toggle('rg-active', active);\n            otherButton.setAttribute('aria-pressed', String(active));\n          });\n          updateCalculator();\n        });\n      });\n      vipInput.addEventListener('change', updateCalculator);\n      volumeInput.addEventListener('input', updateCalculator);\n      volumeButtons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          volumeInput.value = button.getAttribute('data-volume');\n          updateCalculator();\n        });\n      });\n      updateCalculator();\n    })();\n  <\/script>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1183574828 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: #000509;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section rg-how-section dark\" id=\"section_671542146\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1397206110\">\n\n\n\t<div id=\"col-1902972418\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<section id=\"how-it-works\">\n<style>\n#how-it-works,#how-it-works *,#how-it-works *::before,#how-it-works *::after{box-sizing:border-box}\n#how-it-works{--rg-green:#43D9BE;--rg-accent:#81dbaa;--rg-heading:#F5F8F7;--rg-text:#A7B7B5;--rg-border:rgba(53,214,193,.28);width:100%;max-width:1120px;margin:0 auto;padding:8px 0 28px;color:var(--rg-heading);font-family:inherit;scroll-margin-top:180px!important}\n#how-it-works .rg-heading{margin:0 0 30px}\n#how-it-works .rg-eyebrow{margin:0 0 10px!important;color:#43D9BE!important;font-size:.82rem!important;font-weight:600!important;letter-spacing:.08em!important;line-height:normal!important;text-transform:uppercase}\n#how-it-works .rg-title{margin:0 0 12px!important;color:#F5F8F7!important;font-size:2.4rem!important;font-weight:700!important;line-height:1.15!important;letter-spacing:normal!important;text-transform:none!important}\n#how-it-works .rg-subtitle{max-width:800px;margin:0!important;color:#A7B7B5!important;font-size:1rem!important;font-weight:400!important;line-height:1.6!important}\n#how-it-works .rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}\n#how-it-works .rg-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:240px;padding:28px 24px 30px;border:1px solid var(--rg-border);border-radius:22px;background:linear-gradient(135deg,rgba(16,55,51,.94) 0%,rgba(7,32,35,.98) 100%);text-align:center;transition:border-color .2s ease}\n#how-it-works .rg-card:hover{border-color:rgba(53,214,193,.48)}\n#how-it-works .rg-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 0 16px;color:var(--rg-accent);flex-shrink:0}\n#how-it-works .rg-icon svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#how-it-works .rg-card-title{margin:0 0 12px!important;color:var(--rg-heading)!important;font-size:21px!important;font-weight:700!important;line-height:1.4!important}\n#how-it-works .rg-card-text{max-width:310px;margin:0!important;color:var(--rg-text)!important;font-size:15.5px!important;font-weight:400!important;line-height:1.7!important}\n@media(max-width:900px){#how-it-works .rg-grid{grid-template-columns:minmax(0,1fr);gap:16px}#how-it-works .rg-card,#how-it-works .rg-card:last-child{grid-column:auto;min-height:0;padding:25px 24px 27px}#how-it-works .rg-card-text{max-width:520px}}\n@media(max-width:600px){#how-it-works{padding:4px 0 18px}#how-it-works .rg-heading{margin-bottom:24px}#how-it-works .rg-title{font-size:2rem!important}#how-it-works .rg-grid{gap:14px}#how-it-works .rg-card,#how-it-works .rg-card:last-child{padding:22px 18px 24px;border-radius:18px}#how-it-works .rg-icon{width:42px;height:42px;margin-bottom:12px}#how-it-works .rg-icon svg{width:27px;height:27px}#how-it-works .rg-card-title{margin-bottom:8px!important;font-size:19px!important}#how-it-works .rg-card-text{max-width:340px;font-size:14.5px!important;line-height:1.65!important}}\n@media(max-width:380px){#how-it-works .rg-title{font-size:1.8rem!important}}\n@media(prefers-reduced-motion:reduce){#how-it-works .rg-card{transition:none}}\n<\/style>\n<div class=\"rg-heading\">\n<p class=\"rg-eyebrow\">RAGOPAY \u00d7 YUBIT<\/p>\n<h2 class=\"rg-title\" data-en=\"How It Works\" data-vi=\"C\u00e1ch th\u1ee9c ho\u1ea1t \u0111\u1ed9ng\">How It Works<\/h2>\n<p class=\"rg-subtitle\" data-en=\"Three simple steps to earn and withdraw trading fee cashback.\" data-vi=\"Ba b\u01b0\u1edbc \u0111\u01a1n gi\u1ea3n \u0111\u1ec3 t\u00edch l\u0169y v\u00e0 r\u00fat ho\u00e0n ph\u00ed giao d\u1ecbch.\">Three simple steps to earn and withdraw trading fee cashback.<\/p>\n<\/div>\n<div class=\"rg-grid\">\n<article class=\"rg-card\">\n<div class=\"rg-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M19 8v6\"\/><path d=\"M16 11h6\"\/><\/svg><\/div>\n<h3 class=\"rg-card-title\" data-en=\"1. Join RAGOPAY\" data-vi=\"1. Tham gia RAGOPAY\">1. Join RAGOPAY<\/h3>\n<p class=\"rg-card-text\" data-en=\"Register on YUBIT through RAGOPAY's referral link to become eligible for cashback.\" data-vi=\"\u0110\u0103ng k\u00fd YUBIT qua li\u00ean k\u1ebft gi\u1edbi thi\u1ec7u c\u1ee7a RAGOPAY \u0111\u1ec3 \u0111\u1ee7 \u0111i\u1ec1u ki\u1ec7n nh\u1eadn ho\u00e0n ph\u00ed.\">Register on YUBIT through RAGOPAY's referral link to become eligible for cashback.<\/p>\n<\/article>\n<article class=\"rg-card\">\n<div class=\"rg-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17l6-6 4 3 8-9\"\/><path d=\"M15 5h6v6\"\/><\/svg><\/div>\n<h3 class=\"rg-card-title\" data-en=\"2. Trade &amp; Earn\" data-vi=\"2. Giao d\u1ecbch v\u00e0 t\u00edch l\u0169y ho\u00e0n ph\u00ed\">2. Trade &amp; Earn<\/h3>\n<p class=\"rg-card-text\" data-en=\"Trade eligible Spot or Futures products and accumulate cashback on qualifying trading fees.\" data-vi=\"Giao d\u1ecbch Spot ho\u1eb7c Futures \u0111\u1ee7 \u0111i\u1ec1u ki\u1ec7n v\u00e0 t\u00edch l\u0169y ho\u00e0n ph\u00ed t\u1eeb ph\u00ed giao d\u1ecbch h\u1ee3p l\u1ec7.\">Trade eligible Spot or Futures products and accumulate cashback on qualifying trading fees.<\/p>\n<\/article>\n<article class=\"rg-card\">\n<div class=\"rg-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M3 10h18\"\/><path d=\"M7 15h3\"\/><path d=\"M16 13.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z\"\/><\/svg><\/div>\n<h3 class=\"rg-card-title\" data-en=\"3. Check &amp; Withdraw\" data-vi=\"3. Ki\u1ec3m tra v\u00e0 r\u00fat ho\u00e0n ph\u00ed\">3. Check &amp; Withdraw<\/h3>\n<p class=\"rg-card-text\" data-en=\"Check your cashback with RAGOPAY support, then withdraw to your USDT wallet or keep accumulating.\" data-vi=\"Ki\u1ec3m tra ho\u00e0n ph\u00ed v\u1edbi b\u1ed9 ph\u1eadn h\u1ed7 tr\u1ee3 RAGOPAY, sau \u0111\u00f3 r\u00fat v\u1ec1 v\u00ed USDT ho\u1eb7c ti\u1ebfp t\u1ee5c t\u00edch l\u0169y.\">Check your cashback with RAGOPAY support, then withdraw to your USDT wallet or keep accumulating.<\/p>\n<\/article>\n<\/div>\n<script>\n(function(){\nvar root=document.getElementById('how-it-works');if(!root)return;\nvar pageLanguage=(document.documentElement.getAttribute('lang')||'en').toLowerCase();\nvar language=pageLanguage.indexOf('vi')===0?'vi':'en';\nroot.querySelectorAll('[data-en][data-vi]').forEach(function(element){\nvar translation=element.getAttribute('data-'+language);\nif(translation){element.textContent=translation;}\n});\nroot.setAttribute('lang',language);\n})();\n<\/script>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_671542146 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #000509;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section rg-fees-section dark\" id=\"section_605347166\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1460257730\">\n\n\n\t<div id=\"col-845100240\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- RAGOPAY Fees & Cashback | Paste this entire block into one UX Builder HTML element -->\n<section id=\"fees\" class=\"rpfd\" aria-labelledby=\"rpfd-title\">\n<style>\n\/* All styles are scoped to #fees so this block won't affect other sections. *\/\n#fees.rpfd, #fees.rpfd *, #fees.rpfd *::before, #fees.rpfd *::after { box-sizing:border-box; }\n#fees.rpfd {\n  --rp-accent:#43D9BE;\n  --rp-green:#86E0B1;\n  --rp-white:#F5F8F7;\n  --rp-muted:#A7B7B5;\n  --rp-border:rgba(67,217,190,.22);\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:8px 0 28px;\n  color:var(--rp-white);\n  font-family:inherit;\n  scroll-margin-top:150px;\n}\n#fees .rpfd__intro-block { margin:0 0 30px; }\n#fees .rpfd__eyebrow {\n  margin:0 0 10px !important;\n  color:var(--rp-accent) !important;\n  font-size:.82rem !important;\n  font-weight:600 !important;\n  letter-spacing:.08em;\n  line-height:1.5;\n  text-transform:uppercase;\n}\n#fees .rpfd__title {\n  margin:0 0 12px !important;\n  color:var(--rp-white) !important;\n  font-size:2.4rem !important;\n  font-weight:700 !important;\n  line-height:1.15 !important;\n  letter-spacing:normal !important;\n}\n#fees .rpfd__intro {\n  max-width:850px;\n  margin:0 !important;\n  color:var(--rp-muted) !important;\n  font-size:1rem !important;\n  font-weight:400 !important;\n  line-height:1.65 !important;\n}\n#fees .rpfd__panel {\n  overflow:hidden;\n  border:1px solid rgba(67,217,190,.28);\n  border-radius:22px;\n  background:linear-gradient(145deg,#092A27 0%,#061B1D 100%);\n}\n#fees .rpfd__hero {\n  display:grid;\n  grid-template-columns:minmax(0,1fr) minmax(235px,270px);\n  align-items:center;\n  gap:30px;\n  padding:32px 34px;\n  border-bottom:1px solid var(--rp-border);\n  background:linear-gradient(110deg,rgba(13,48,43,.90),rgba(7,29,29,.55));\n}\n#fees .rpfd__kicker {\n  margin:0 0 10px !important;\n  color:var(--rp-green) !important;\n  font-size:.78rem !important;\n  font-weight:700 !important;\n  letter-spacing:.09em;\n  text-transform:uppercase;\n}\n#fees .rpfd__hero-title {\n  margin:0 0 10px !important;\n  color:var(--rp-white) !important;\n  font-size:1.45rem !important;\n  font-weight:700 !important;\n  line-height:1.35 !important;\n}\n#fees .rpfd__hero-copy {\n  max-width:610px;\n  margin:0 !important;\n  color:var(--rp-muted) !important;\n  font-size:.95rem !important;\n  line-height:1.7 !important;\n}\n#fees .rpfd__kpi {\n  min-width:0;\n  border-left:1px solid rgba(134,224,177,.28);\n  padding-left:28px;\n}\n#fees .rpfd__kpi-label {\n  display:block;\n  margin:0 0 7px !important;\n  color:var(--rp-muted) !important;\n  font-size:.8rem !important;\n  line-height:1.5 !important;\n}\n#fees .rpfd__kpi-value {\n  display:block;\n  margin:0 0 7px !important;\n  color:#A5F063 !important;\n  font-size:clamp(48px,5vw,62px) !important;\n  font-weight:750 !important;\n  letter-spacing:-.035em;\n  line-height:1.05 !important;\n  white-space:nowrap;\n}\n#fees .rpfd__kpi-note {\n  margin:0 !important;\n  color:var(--rp-green) !important;\n  font-size:.78rem !important;\n  line-height:1.55 !important;\n}\n#fees .rpfd__body { padding:28px 32px 30px; }\n#fees .rpfd__section + .rpfd__section {\n  border-top:1px solid rgba(167,183,181,.17);\n  margin-top:27px;\n  padding-top:26px;\n}\n#fees .rpfd__section-heading {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:16px;\n  min-height:46px;\n  margin:0 0 20px;\n  padding:0;\n  border-bottom:none;\n}\n#fees .rpfd__section-title {\n  margin:0 !important;\n  color:var(--rp-white) !important;\n  font-size:1.08rem !important;\n  font-weight:700 !important;\n  line-height:1.4 !important;\n}\n#fees .rpfd__section-tag {\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n  align-self:center;\n  flex:0 0 auto;\n  color:var(--rp-green) !important;\n  font-size:.68rem !important;\n  font-weight:700 !important;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  text-align:right;\n  line-height:1.4 !important;\n}\n#fees .rpfd__paragraph {\n  margin:0 0 16px !important;\n  color:var(--rp-muted) !important;\n  font-size:.88rem !important;\n  line-height:1.75 !important;\n}\n#fees .rpfd__grid {\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:14px;\n  align-items:stretch;\n}\n#fees .rpfd__card {\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  height:100%;\n  padding:19px 20px;\n  border:1px solid rgba(67,217,190,.17);\n  border-radius:15px;\n  background:rgba(5,32,33,.46);\n}\n#fees .rpfd__card-label {\n  display:block;\n  margin:0 0 8px !important;\n  color:var(--rp-green) !important;\n  font-size:.72rem !important;\n  font-weight:700 !important;\n  letter-spacing:.035em;\n  line-height:1.5 !important;\n  text-transform:uppercase;\n}\n#fees .rpfd__card-value {\n  display:block;\n  margin:0 0 7px !important;\n  color:var(--rp-white) !important;\n  font-size:1.02rem !important;\n  font-weight:700 !important;\n  line-height:1.45 !important;\n  overflow-wrap:anywhere;\n}\n#fees .rpfd__card-value--amount { font-size:1.18rem !important; }\n#fees .rpfd__card-detail {\n  display:block;\n  margin:0 !important;\n  padding-top:2px;\n  color:var(--rp-muted) !important;\n  font-size:.81rem !important;\n  font-weight:400 !important;\n  line-height:1.7 !important;\n}\n#fees .rpfd__link {\n  color:#8fe0d2 !important;\n  font-size:.88rem !important;\n  font-weight:600;\n  text-decoration:underline;\n  text-underline-offset:3px;\n  overflow-wrap:anywhere;\n}\n#fees .rpfd__link:hover { color:#c1f6ec !important; }\n#fees .rpfd__rollover {\n  margin-top:18px;\n  padding:19px 21px;\n  border:1px solid rgba(67,217,190,.25);\n  border-left:3px solid #43D9BE;\n  border-radius:13px;\n  background:linear-gradient(120deg,rgba(18,68,59,.36),rgba(4,27,28,.65));\n}\n#fees .rpfd__rollover .rpfd__card-value { margin:0 0 7px !important; }\n#fees .rpfd__rollover .rpfd__card-detail { margin:0 !important; }\n#fees .rpfd__inline-note {\n  margin:16px 0 0 !important;\n  color:var(--rp-muted) !important;\n  font-size:.84rem !important;\n  line-height:1.7 !important;\n}\n#fees .rpfd__safeguards {\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:12px;\n}\n#fees .rpfd__safeguard {\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n  min-width:0;\n  padding:17px;\n  border:1px solid rgba(167,183,181,.15);\n  border-radius:13px;\n  background:rgba(4,25,26,.36);\n}\n#fees .rpfd__check {\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 30px;\n  width:30px;\n  height:30px;\n  border-radius:50%;\n  background:rgba(67,217,190,.12);\n  color:var(--rp-green);\n  font-size:16px;\n  font-weight:700;\n  line-height:1;\n}\n#fees .rpfd__safeguard-title {\n  margin:0 0 5px !important;\n  color:var(--rp-white) !important;\n  font-size:.87rem !important;\n  font-weight:700 !important;\n  line-height:1.5 !important;\n}\n#fees .rpfd__safeguard-copy {\n  margin:0 !important;\n  color:var(--rp-muted) !important;\n  font-size:.81rem !important;\n  line-height:1.7 !important;\n}\n#fees .rpfd__footnote {\n  margin:22px 0 0 !important;\n  padding:15px 17px;\n  border:1px solid rgba(67,217,190,.20);\n  border-left:3px solid var(--rp-accent);\n  border-radius:10px;\n  background:rgba(6,29,30,.72);\n  color:var(--rp-muted) !important;\n  font-size:.77rem !important;\n  line-height:1.75 !important;\n}\n#fees .rpfd__footnote strong { color:#DCE9E6 !important; }\n@media (max-width:900px) {\n  #fees.rpfd { scroll-margin-top:130px; padding:6px 0 24px; }\n  #fees .rpfd__intro-block { margin-bottom:24px; }\n  #fees .rpfd__title { font-size:2.1rem !important; }\n  #fees .rpfd__hero { grid-template-columns:minmax(0,1fr) 230px; gap:22px; padding:27px 25px; }\n  #fees .rpfd__kpi { padding-left:22px; }\n  #fees .rpfd__body { padding:24px 23px 26px; }\n  #fees .rpfd__grid { gap:11px; }\n  #fees .rpfd__card { padding:17px 16px; }\n}\n@media (max-width:700px) {\n  #fees .rpfd__hero { grid-template-columns:1fr; gap:18px; padding:24px 22px; }\n  #fees .rpfd__kpi {\n    border-left:0;\n    border-top:1px solid rgba(134,224,177,.24);\n    padding:17px 0 0;\n  }\n  #fees .rpfd__kpi-value { font-size:52px !important; }\n  #fees .rpfd__grid { grid-template-columns:1fr; gap:10px; }\n  #fees .rpfd__card { padding:16px 17px; }\n  #fees .rpfd__card-detail { margin-top:0 !important; }\n  #fees .rpfd__safeguards { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  #fees.rpfd { scroll-margin-top:105px; padding:4px 0 18px; }\n  #fees .rpfd__panel { border-radius:17px; }\n  #fees .rpfd__title { font-size:2rem !important; }\n  #fees .rpfd__intro { font-size:.94rem !important; }\n  #fees .rpfd__hero { padding:22px 17px; }\n  #fees .rpfd__hero-title { font-size:1.3rem !important; }\n  #fees .rpfd__body { padding:20px 16px 22px; }\n  #fees .rpfd__section + .rpfd__section { margin-top:22px; padding-top:22px; }\n  #fees .rpfd__section-heading { align-items:center; gap:10px; }\n  #fees .rpfd__section-title { font-size:1rem !important; }\n  #fees .rpfd__section-tag { max-width:42%; font-size:.61rem !important; }\n  #fees .rpfd__rollover { padding:16px; }\n  #fees .rpfd__safeguard { padding:15px; }\n  #fees .rpfd__footnote { margin-top:18px !important; }\n}\n@media (max-width:380px) {\n  #fees .rpfd__title { font-size:1.8rem !important; }\n  #fees .rpfd__section-heading { display:flex; flex-wrap:wrap; align-items:center; }\n  #fees .rpfd__section-tag { max-width:none; margin-top:0; text-align:right; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #fees .rpfd__link { transition:none; }\n}\n<\/style>\n\n<div class=\"rpfd__intro-block\">\n  <p class=\"rpfd__eyebrow\">RAGOPAY \u00d7 YUBIT<\/p>\n  <h2 class=\"rpfd__title\" id=\"rpfd-title\">Fees &amp; Cashback<\/h2>\n  <p class=\"rpfd__intro\">Understand eligible trading fees, how cashback is calculated, and how to request a withdrawal.<\/p>\n<\/div>\n\n<div class=\"rpfd__panel\">\n  <div class=\"rpfd__hero\">\n    <div>\n      <p class=\"rpfd__kicker\">TRADING FEES &amp; ELIGIBILITY<\/p>\n      <h3 class=\"rpfd__hero-title\">Cashback on eligible trading fees<\/h3>\n      <p class=\"rpfd__hero-copy\">Eligible Maker and Taker fees on qualifying Spot and Futures trades may earn cashback. Actual fees depend on your YUBIT VIP level, product, order type, and applicable fee schedule.<\/p>\n    <\/div>\n    <div class=\"rpfd__kpi\">\n      <span class=\"rpfd__kpi-label\">Maximum advertised cashback<\/span>\n      <strong class=\"rpfd__kpi-value\">70%<\/strong>\n      <p class=\"rpfd__kpi-note\">Up to 70% of eligible fees \u00b7 Terms apply<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"rpfd__body\">\n    <section class=\"rpfd__section\" aria-labelledby=\"rpfd-eligibility-title\">\n      <div class=\"rpfd__section-heading\">\n        <h3 class=\"rpfd__section-title\" id=\"rpfd-eligibility-title\">How cashback works<\/h3>\n        <span class=\"rpfd__section-tag\">Key information<\/span>\n      <\/div>\n      <div class=\"rpfd__grid\">\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">01 \u00b7 Eligible fees<\/span>\n          <strong class=\"rpfd__card-value\">Spot &amp; Futures<\/strong>\n          <p class=\"rpfd__card-detail\">Eligible Maker and Taker trading fees may qualify. Cashback is based on qualifying fees\u2014not total trading volume.<\/p>\n        <\/article>\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">02 \u00b7 Cashback rate<\/span>\n          <strong class=\"rpfd__card-value\">Up to 70%<\/strong>\n          <p class=\"rpfd__card-detail\">The 70% rate is a maximum, not a guarantee. Actual cashback depends on eligibility and program terms.<\/p>\n        <\/article>\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">03 \u00b7 Cashback Destination<\/span>\n          <strong class=\"rpfd__card-value\">RAGOPAY balance to USDT wallet<\/strong>\n          <p class=\"rpfd__card-detail\">Confirmed eligible cashback is recorded in your RAGOPAY balance and can be withdrawn to an external USDT wallet.<\/p>\n        <\/article>\n      <\/div>\n      <p class=\"rpfd__inline-note\">YUBIT trading fee rates vary by product, Maker\/Taker order type, and VIP level. Short-duration trades may also be subject to reduced or no fee rebates under YUBIT's rules. For current fee rates, refer to the official YUBIT schedule: <a class=\"rpfd__link\" href=\"https:\/\/www.yubit.com\/en-US\/vip-details\" target=\"_blank\" rel=\"noopener noreferrer\">View YUBIT's official VIP fee schedule<\/a>.<\/p>\n    <\/section>\n\n    <section class=\"rpfd__section\" aria-labelledby=\"rpfd-withdrawal-title\">\n      <div class=\"rpfd__section-heading\">\n        <h3 class=\"rpfd__section-title\" id=\"rpfd-withdrawal-title\">Cashback balance &amp; withdrawals<\/h3>\n        <span class=\"rpfd__section-tag\">Flexible withdrawals<\/span>\n      <\/div>\n      <div class=\"rpfd__grid\">\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">Minimum withdrawal<\/span>\n          <strong class=\"rpfd__card-value rpfd__card-value--amount\">100 USDT<\/strong>\n          <p class=\"rpfd__card-detail\">Each request must be at least 100 USDT and within your confirmed available balance.<\/p>\n        <\/article>\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">Withdraw when you choose<\/span>\n          <strong class=\"rpfd__card-value\">Full or partial withdrawals<\/strong>\n          <p class=\"rpfd__card-detail\">Withdraw all or part of your available balance, or keep accumulating cashback.<\/p>\n        <\/article>\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">Balance tracking<\/span>\n          <strong class=\"rpfd__card-value\">Your cashback, tracked by RAGOPAY<\/strong>\n          <p class=\"rpfd__card-detail\">Eligible cashback is recorded in your RAGOPAY balance, separately from your YUBIT trading account.<\/p>\n        <\/article>\n      <\/div>\n      <div class=\"rpfd__rollover\">\n        <h4 class=\"rpfd__card-value\">Settlement &amp; withdrawal timing<\/h4>\n        <p class=\"rpfd__card-detail\">Affiliate commissions are settled by YUBIT according to its applicable settlement schedule. Once your confirmed available cashback reaches 100 USDT, you may request a full or partial withdrawal, or continue accumulating.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"rpfd__section\" aria-labelledby=\"rpfd-request-title\">\n      <div class=\"rpfd__section-heading\">\n        <h3 class=\"rpfd__section-title\" id=\"rpfd-request-title\">How to request a withdrawal<\/h3>\n        <span class=\"rpfd__section-tag\">Manual support process<\/span>\n      <\/div>\n      <div class=\"rpfd__grid\">\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">01 \u00b7 Contact support<\/span>\n          <strong class=\"rpfd__card-value\">Check your available balance<\/strong>\n          <p class=\"rpfd__card-detail\">Contact the RAGOPAY team with your YUBIT UID to verify your confirmed available cashback before requesting a withdrawal.<\/p>\n        <\/article>\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">02 \u00b7 Choose an amount<\/span>\n          <strong class=\"rpfd__card-value\">Select your withdrawal amount<\/strong>\n          <p class=\"rpfd__card-detail\">Request a full or partial withdrawal of at least 100 USDT, or continue accumulating.<\/p>\n        <\/article>\n        <article class=\"rpfd__card\">\n          <span class=\"rpfd__card-label\">03 \u00b7 Confirm transfer<\/span>\n          <strong class=\"rpfd__card-value\">Provide your wallet details<\/strong>\n          <p class=\"rpfd__card-detail\">Submit your external USDT wallet address and preferred network for verification before transfer.<\/p>\n        <\/article>\n      <\/div>\n      <div class=\"rpfd__rollover\">\n        <h4 class=\"rpfd__card-value\">Withdrawal fees &amp; processing<\/h4>\n        <p class=\"rpfd__card-detail\">RAGOPAY charges no additional withdrawal service fee. Actual transfer fees are deducted from the requested amount. We confirm network support and share the estimated fee and amount to receive before you approve the transfer. Requests are manually reviewed and typically processed within 1\u20133 days; actual timing may vary, and wallet arrival is not guaranteed within this period.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"rpfd__section\" aria-labelledby=\"rpfd-conditions-title\">\n      <div class=\"rpfd__section-heading\">\n        <h3 class=\"rpfd__section-title\" id=\"rpfd-conditions-title\">Important cashback conditions<\/h3>\n        <span class=\"rpfd__section-tag\">Please note<\/span>\n      <\/div>\n      <div class=\"rpfd__safeguards\">\n        <article class=\"rpfd__safeguard\">\n          <span class=\"rpfd__check\" aria-hidden=\"true\">\u2713<\/span>\n          <div>\n            <h4 class=\"rpfd__safeguard-title\">Wallet &amp; security<\/h4>\n            <p class=\"rpfd__safeguard-copy\">Check your wallet address and supported network carefully. Transfers may be irreversible. Never share passwords, one-time codes or private keys.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"rpfd__safeguard\">\n          <span class=\"rpfd__check\" aria-hidden=\"true\">\u2713<\/span>\n          <div>\n            <h4 class=\"rpfd__safeguard-title\">Referral eligibility<\/h4>\n            <p class=\"rpfd__safeguard-copy\">Your YUBIT account must qualify through RAGOPAY's designated referral link or code.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"rpfd__safeguard\">\n          <span class=\"rpfd__check\" aria-hidden=\"true\">\u2713<\/span>\n          <div>\n            <h4 class=\"rpfd__safeguard-title\">Cashback rates<\/h4>\n            <p class=\"rpfd__safeguard-copy\">Actual cashback depends on eligible fees, account tier, adjustments and applicable program rules.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"rpfd__safeguard\">\n          <span class=\"rpfd__check\" aria-hidden=\"true\">\u2713<\/span>\n          <div>\n            <h4 class=\"rpfd__safeguard-title\">Trading restrictions<\/h4>\n            <p class=\"rpfd__safeguard-copy\">YUBIT may reduce or exclude fee rebates for short-duration trades, depending on the individual trade and applicable rules. Cashback does not protect against trading losses.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n      <p class=\"rpfd__footnote\"><strong>Important information:<\/strong> RAGOPAY is an independent participant in YUBIT's official Affiliate Program. Cashback is not automatically paid to your YUBIT account. Balance inquiries and withdrawals require account ownership verification and are subject to applicable terms.<\/p>\n    <\/section>\n  <\/div>\n<\/div>\n<\/section>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_605347166 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #000509;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section rg-insights-section\" id=\"section_450202546\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1736785739\">\n\n\n\t<div id=\"col-1981589655\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* ========================================\n   RAGOPAY INSIGHTS\n   WordPress + Flatsome + UX Builder\n   Heading outside \/ Content inside\n======================================== *\/\n\n#insights {\n  scroll-margin-top: 100px;\n}\n\n#insights.ragopay-insights {\n  width: 100%;\n  padding: 52px 24px 60px;\n  box-sizing: border-box;\n  color: #F5F8F7;\n  font-family: inherit;\n  background: transparent;\n}\n\n#insights .ri-inner {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n\/* Heading: outside the bordered panel *\/\n\n#insights .ri-heading {\n  margin: 0 0 30px;\n}\n\n#insights .ri-eyebrow {\n  margin: 0 0 12px;\n  color: #43D9BE;\n  font-size: 0.82rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  line-height: 1.5;\n  text-transform: uppercase;\n}\n\n#insights .ri-title {\n  margin: 0 0 12px;\n  color: #F5F8F7;\n  font-size: 2.4rem;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: -0.025em;\n}\n\n#insights .ri-subtitle {\n  max-width: 760px;\n  margin: 0;\n  color: #A7B7B5;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.7;\n}\n\n\/* Content panel: matching Fees styling *\/\n\n#insights .ri-panel {\n  width: 100%;\n  padding: 30px 24px 24px;\n  box-sizing: border-box;\n  border: 1px solid rgba(67, 217, 190, 0.28);\n  border-radius: 22px;\n  overflow: hidden;\n  background:\n    radial-gradient(\n      ellipse at 85% 0%,\n      rgba(22, 100, 91, 0.16),\n      transparent 45%\n    ),\n    linear-gradient(\n      145deg,\n      #0B2529 0%,\n      #071B1E 100%\n    );\n}\n\n\/* Resource grid *\/\n\n#insights .ri-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 18px;\n  align-items: stretch;\n}\n\n\/* Resource cards *\/\n\n#insights .ri-card {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 425px;\n  overflow: hidden;\n  box-sizing: border-box;\n  border: 1px solid rgba(112, 174, 167, 0.22);\n  border-radius: 19px;\n  background: linear-gradient(\n    155deg,\n    #12363A 0%,\n    #102D32 100%\n  );\n  color: #F5F8F7;\n  text-decoration: none !important;\n  transition:\n    transform 0.22s ease,\n    border-color 0.22s ease,\n    box-shadow 0.22s ease;\n}\n\n#insights .ri-card:hover {\n  color: #F5F8F7;\n  text-decoration: none !important;\n  transform: translateY(-4px);\n  border-color: rgba(67, 217, 190, 0.58);\n  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);\n}\n\n\/* Thumbnail *\/\n\n#insights .ri-thumb {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  flex-shrink: 0;\n  overflow: hidden;\n  background: linear-gradient(\n    135deg,\n    #17474A 0%,\n    #0C282D 55%,\n    #203C36 100%\n  );\n}\n\n#insights .ri-thumb img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transition: transform 0.35s ease;\n}\n\n#insights .ri-card:hover .ri-thumb img {\n  transform: scale(1.035);\n}\n\n\/* Placeholder image *\/\n\n#insights .ri-thumb-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  color: #86E0B1;\n  background:\n    radial-gradient(\n      circle at 70% 25%,\n      rgba(67, 217, 190, 0.18),\n      transparent 42%\n    ),\n    linear-gradient(135deg, #16484A, #0A2429);\n}\n\n#insights .ri-thumb-placeholder svg {\n  display: block;\n  width: 44px;\n  height: 44px;\n}\n\n\/* Video play icon *\/\n\n#insights .ri-play {\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 42px;\n  height: 42px;\n  border: 1px solid rgba(134, 224, 177, 0.55);\n  border-radius: 50%;\n  color: #86E0B1;\n  background: rgba(5, 25, 27, 0.8);\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n\n#insights .ri-play svg {\n  display: block;\n  width: 17px;\n  height: 17px;\n  margin-left: 2px;\n}\n\n\/* Card content *\/\n\n#insights .ri-card-body {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: 18px 17px 16px;\n  box-sizing: border-box;\n}\n\n#insights .ri-meta {\n  margin: 0 0 9px;\n  color: #43D9BE;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.075em;\n  line-height: 1.5;\n  text-transform: uppercase;\n}\n\n#insights .ri-date {\n  margin: 0 0 12px;\n  color: #819C98;\n  font-size: 0.75rem;\n  line-height: 1.5;\n}\n\n#insights .ri-card-title {\n  display: -webkit-box;\n  overflow: hidden;\n  margin: 0 0 12px;\n  color: #F0F6F4;\n  font-size: 1.02rem;\n  font-weight: 650;\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n\n#insights .ri-description {\n  display: -webkit-box;\n  overflow: hidden;\n  margin: 0 0 18px;\n  color: #A7B7B5;\n  font-size: 0.86rem;\n  font-weight: 400;\n  line-height: 1.65;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n\n\/* Card action *\/\n\n#insights .ri-card-action {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  margin-top: auto;\n  padding-top: 14px;\n  border-top: 1px solid rgba(167, 183, 181, 0.15);\n  color: #86E0B1;\n  font-size: 0.84rem;\n  font-weight: 650;\n  line-height: 1.5;\n}\n\n#insights .ri-card-action svg {\n  display: block;\n  width: 18px;\n  height: 18px;\n  flex: 0 0 18px;\n  transition: transform 0.2s ease;\n}\n\n#insights .ri-card:hover .ri-card-action svg {\n  transform: translateX(3px);\n}\n\n\/* Loading and error states *\/\n\n#insights .ri-status {\n  grid-column: 1 \/ -1;\n  margin: 0;\n  padding: 24px 0;\n  color: #91AAA5;\n  font-size: 0.9rem;\n  line-height: 1.7;\n}\n\n\/* Disclaimer inside the panel *\/\n\n#insights .ri-note {\n  margin: 24px 0 0;\n  padding: 14px 0 0;\n  border-top: 1px solid rgba(167, 183, 181, 0.14);\n  color: #819C98;\n  font-size: 0.78rem;\n  line-height: 1.7;\n}\n\n\n\/* Explore More button \u2014 matching the site's Become a Partner button *\/\n\n#insights .ri-explore-wrap {\n  display: flex;\n  justify-content: center;\n  margin: 30px 0 4px;\n}\n\n#insights .ri-explore-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  width: auto;\n  max-width: 100%;\n  height: 44px;\n  min-height: 44px;\n  padding: 0 22px;\n  box-sizing: border-box;\n  border: 0;\n  border-radius: 999px;\n  background: #9FDFB0;\n  color: #FFFFFF !important;\n  font-size: 1rem;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  text-align: center;\n  text-decoration: none !important;\n  box-shadow: none;\n  transition:\n    background 0.2s ease,\n    transform 0.2s ease;\n}\n\n#insights .ri-explore-btn:hover {\n  background: #8DD4A1;\n  color: #FFFFFF !important;\n  text-decoration: none !important;\n  transform: translateY(-2px);\n}\n\n#insights .ri-explore-btn:focus-visible {\n  outline: 3px solid rgba(159, 223, 176, 0.55);\n  outline-offset: 4px;\n}\n\n#insights .ri-explore-btn svg {\n  display: block;\n  width: 16px;\n  height: 16px;\n  flex: 0 0 16px;\n}\n\n@media (max-width: 520px) {\n  #insights .ri-explore-wrap {\n    margin-top: 24px;\n  }\n\n  #insights .ri-explore-btn {\n    width: auto;\n    max-width: 100%;\n    height: 42px;\n    min-height: 42px;\n    padding: 0 18px;\n    gap: 8px;\n    font-size: 0.95rem;\n  }\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1050px) {\n  #insights .ri-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n}\n\n@media (max-width: 850px) {\n  #insights.ragopay-insights {\n    padding: 44px 20px 48px;\n  }\n\n  #insights .ri-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  #insights .ri-card {\n    min-height: 405px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 520px) {\n  #insights.ragopay-insights {\n    padding: 36px 18px 42px;\n  }\n\n  #insights .ri-heading {\n    margin-bottom: 24px;\n  }\n\n  #insights .ri-title {\n    font-size: 2rem;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n  }\n\n  #insights .ri-subtitle {\n    font-size: 0.94rem;\n    line-height: 1.65;\n  }\n\n  #insights .ri-panel {\n    padding: 20px 16px 18px;\n    border-radius: 18px;\n  }\n\n  #insights .ri-grid {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 18px;\n  }\n\n  #insights .ri-card {\n    min-height: 0;\n  }\n\n  #insights .ri-card-body {\n    padding: 18px;\n  }\n\n  #insights .ri-card-title {\n    font-size: 1.05rem;\n  }\n\n  #insights .ri-note {\n    font-size: 0.75rem;\n  }\n}\n\n\/* Reduced motion accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #insights .ri-card,\n  #insights .ri-thumb img,\n  #insights .ri-card-action svg {\n    transition: none;\n  }\n\n  #insights .ri-card:hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<section id=\"insights\" class=\"ragopay-insights\">\n  <div class=\"ri-inner\">\n\n    <!-- Heading stays OUTSIDE the bordered panel -->\n    <header class=\"ri-heading\">\n      <p class=\"ri-eyebrow\">RAGOPAY<\/p>\n\n      <h2 class=\"ri-title\">\n        Crypto Insights &amp; Updates\n      <\/h2>\n\n      <p class=\"ri-subtitle\">\n        Explore crypto market developments, industry insights, and the latest videos and articles.\n      <\/p>\n    <\/header>\n\n    <!-- Only the resources and disclaimer are inside the panel -->\n    <div class=\"ri-panel\">\n\n      <div id=\"ri-grid\" class=\"ri-grid\" aria-live=\"polite\" aria-busy=\"true\">\n        <p class=\"ri-status\">\n          Loading the latest insights and updates...\n        <\/p>\n      <\/div>\n\n      <!-- Explore More button: links to the standalone Insights page.\n           If the page's actual permalink is different, update href=\"\/insights\/\" below. -->\n      <div class=\"ri-explore-wrap\">\n        <a\n          <a\n  class=\"ri-explore-btn\"\n  href=\"\/insights\/\"\n  target=\"_blank\"\n  rel=\"noopener noreferrer\"\n  aria-label=\"Explore more insights\"\n        >\n          <span>Explore More<\/span>\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m13 6 6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <p class=\"ri-note\">\n        Resources are shared for informational purposes only.\n        Opinions belong to their original creators. Their inclusion\n        does not imply endorsement by RAGOPAY or YUBIT.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const root = document.getElementById(\"insights\");\n\n  if (!root || root.dataset.riInitialized === \"true\") {\n    return;\n  }\n\n  root.dataset.riInitialized = \"true\";\n\n  const grid = root.querySelector(\"#ri-grid\");\n\n  if (!grid) {\n    return;\n  }\n\n  \/* Configuration: one request, known category ID *\/\n\n  const CATEGORY_ID = 16;\n  const API_URL =\n    window.location.origin + \"\/wp-json\/wp\/v2\/posts\";\n\n  const REQUEST_TIMEOUT = 8000;\n  const POSTS_LIMIT = 4;\n\n  \/* Normalize whitespace without regular expressions *\/\n\n  function normalizeWhitespace(value) {\n    const source = String(value == null ? \"\" : value);\n\n    let result = \"\";\n    let pendingSpace = false;\n\n    for (const character of source) {\n      if (character.trim() === \"\") {\n        if (result.length > 0) {\n          pendingSpace = true;\n        }\n      } else {\n        if (pendingSpace) {\n          result += \" \";\n        }\n\n        result += character;\n        pendingSpace = false;\n      }\n    }\n\n    return result.trim();\n  }\n\n  \/* Escape HTML before inserting API content into markup *\/\n\n  function escapeHTML(value) {\n    const entities = {\n      \"&\": \"&amp;\",\n      \"<\": \"&lt;\",\n      \">\": \"&gt;\",\n      '\"': \"&quot;\",\n      \"'\": \"&#39;\"\n    };\n\n    return String(value == null ? \"\" : value)\n      .split(\"\")\n      .map(function (character) {\n        return entities[character] || character;\n      })\n      .join(\"\");\n  }\n\n  \/* Extract readable text from WordPress HTML *\/\n\n  function stripHTML(value) {\n    const doc = new DOMParser().parseFromString(\n      String(value || \"\"),\n      \"text\/html\"\n    );\n\n    return normalizeWhitespace(\n      doc.body.textContent || \"\"\n    );\n  }\n\n  function getExcerpt(post) {\n    const excerpt = stripHTML(\n      post.excerpt && post.excerpt.rendered\n        ? post.excerpt.rendered\n        : \"\"\n    );\n\n    if (excerpt) {\n      return excerpt;\n    }\n\n    return stripHTML(\n      post.content && post.content.rendered\n        ? post.content.rendered\n        : \"\"\n    );\n  }\n\n  \/* Date formatting *\/\n\n  function formatDate(value) {\n    const date = new Date(value);\n\n    if (Number.isNaN(date.getTime())) {\n      return \"\";\n    }\n\n    return new Intl.DateTimeFormat(\"en-US\", {\n      month: \"short\",\n      day: \"numeric\",\n      year: \"numeric\"\n    }).format(date);\n  }\n\n  \/* Find YouTube video IDs without regular expressions *\/\n\n  function getYouTubeId(value) {\n    const raw = String(value || \"\").trim();\n    const candidates = [];\n\n    if (raw) {\n      try {\n        candidates.push(new URL(raw).href);\n      } catch (error) {\n        \/* The value may be HTML rather than a URL. *\/\n      }\n    }\n\n    const doc = new DOMParser().parseFromString(\n      raw,\n      \"text\/html\"\n    );\n\n    doc.querySelectorAll(\"[src], [href]\").forEach(\n      function (element) {\n        const candidate =\n          element.getAttribute(\"src\") ||\n          element.getAttribute(\"href\");\n\n        if (candidate) {\n          candidates.push(candidate);\n        }\n      }\n    );\n\n    const text = normalizeWhitespace(\n      doc.body.textContent || \"\"\n    );\n\n    if (text) {\n      text.split(\" \").forEach(function (token) {\n        let candidate = token;\n\n       \nwhile (\n  candidate.length > 0 &&\n  \".,;)]}\".includes(candidate.slice(-1))\n) {\n  candidate = candidate.slice(0, -1);\n}\n\n        if (candidate) {\n          candidates.push(candidate);\n        }\n      });\n    }\n\n    const allowedHosts = [\n      \"youtube.com\",\n      \"m.youtube.com\",\n      \"music.youtube.com\",\n      \"youtube-nocookie.com\",\n      \"youtu.be\"\n    ];\n\n    const validCharacters =\n      \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-\";\n\n    for (const candidate of candidates) {\n      let url;\n\n      try {\n        url = new URL(candidate, window.location.origin);\n      } catch (error) {\n        continue;\n      }\n\n      let host = url.hostname.toLowerCase();\n\n      if (host.startsWith(\"www.\")) {\n        host = host.slice(4);\n      }\n\n      if (!allowedHosts.includes(host)) {\n        continue;\n      }\n\n      const parts = url.pathname.split(\"\/\").filter(\n        function (part) {\n          return part.length > 0;\n        }\n      );\n\n      let id = \"\";\n\n      if (host === \"youtu.be\") {\n        id = parts[0] || \"\";\n      } else {\n        id = url.searchParams.get(\"v\") || \"\";\n\n        if (\n          !id &&\n          parts.length > 1 &&\n          [\"embed\", \"shorts\", \"live\", \"v\"].includes(parts[0])\n        ) {\n          id = parts[1];\n        }\n      }\n\n      let valid = id.length === 11;\n\n      for (const character of id) {\n        if (!validCharacters.includes(character)) {\n          valid = false;\n          break;\n        }\n      }\n\n      if (valid) {\n        return id;\n      }\n    }\n\n    return \"\";\n  }\n\n  \/* Featured image, with YouTube thumbnail fallback *\/\n\n  function getFeaturedImage(post) {\n    const media =\n      post._embedded &&\n      post._embedded[\"wp:featuredmedia\"] &&\n      post._embedded[\"wp:featuredmedia\"][0];\n\n    if (media) {\n      const sizes =\n        media.media_details &&\n        media.media_details.sizes\n          ? media.media_details.sizes\n          : {};\n\n      const image =\n        (sizes.medium_large &&\n          sizes.medium_large.source_url) ||\n        (sizes.large && sizes.large.source_url) ||\n        media.source_url;\n\n      if (image) {\n        return image;\n      }\n    }\n\n    const content =\n      post.content && post.content.rendered\n        ? post.content.rendered\n        : \"\";\n\n    const youtubeId = getYouTubeId(content);\n\n    if (youtubeId) {\n      return (\n        \"https:\/\/i.ytimg.com\/vi\/\" +\n        encodeURIComponent(youtubeId) +\n        \"\/hqdefault.jpg\"\n      );\n    }\n\n    return \"\";\n  }\n\n  \/* Detect video resources *\/\n\n  function isVideoPost(post) {\n    const title = stripHTML(\n      post.title && post.title.rendered\n        ? post.title.rendered\n        : \"\"\n    );\n\n    const excerpt = getExcerpt(post);\n\n    const content =\n      post.content && post.content.rendered\n        ? post.content.rendered\n        : \"\";\n\n    const text = (\n      title + \" \" + excerpt + \" \" + content\n    ).toLowerCase();\n\n    return (\n      text.includes(\"youtube.com\") ||\n      text.includes(\"youtu.be\") ||\n      text.includes(\"youtube-nocookie.com\") ||\n      text.includes(\"<iframe\") ||\n      text.includes(\"<video\")\n    );\n  }\n\n  \/* SVG icons *\/\n\n  function arrowIcon() {\n    return `\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M5 12h14\"><\/path>\n        <path d=\"m13 6 6 6-6 6\"><\/path>\n      <\/svg>\n    `;\n  }\n\n  function playIcon() {\n    return `\n      <span class=\"ri-play\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M8 5.5v13l10-6.5z\"><\/path>\n        <\/svg>\n      <\/span>\n    `;\n  }\n\n  function placeholderIcon() {\n    return `\n      <div class=\"ri-thumb-placeholder\" aria-hidden=\"true\">\n        <svg\n          viewBox=\"0 0 48 48\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"1.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        >\n          <rect x=\"7\" y=\"9\" width=\"34\" height=\"30\" rx=\"5\"><\/rect>\n          <path d=\"M13 31l8-8 6 6 5-5 5 7\"><\/path>\n          <circle cx=\"17\" cy=\"17\" r=\"2.5\"><\/circle>\n        <\/svg>\n      <\/div>\n    `;\n  }\n\n  \/* Render article and video cards *\/\n\n  function renderCard(post) {\n    const title = stripHTML(\n      post.title && post.title.rendered\n        ? post.title.rendered\n        : \"Untitled resource\"\n    );\n\n    let link = \"#\";\n\n    try {\n      const parsedLink = new URL(\n        post.link,\n        window.location.origin\n      );\n\n      if (\n        parsedLink.protocol === \"https:\" ||\n        parsedLink.protocol === \"http:\"\n      ) {\n        link = parsedLink.href;\n      }\n    } catch (error) {\n      link = \"#\";\n    }\n\n    const video = isVideoPost(post);\n    const image = getFeaturedImage(post);\n    const date = formatDate(post.date);\n\n    let description = getExcerpt(post);\n\n    if (!description) {\n      description = video\n        ? \"Watch this video for more insights and useful information.\"\n        : \"Explore this article for the latest insights and updates.\";\n    }\n\n    if (description.length > 150) {\n      description =\n        description.slice(0, 147).trimEnd() + \"...\";\n    }\n\n    const thumbnail = image\n      ? `\n        <img\n          src=\"${escapeHTML(image)}\"\n          alt=\"${escapeHTML(title)}\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      `\n      : placeholderIcon();\n\n    const play = video ? playIcon() : \"\";\n\n    const typeLabel = video\n      ? \"VIDEO \u00b7 CRYPTO INSIGHTS\"\n      : \"ARTICLE \u00b7 CRYPTO INSIGHTS\";\n\n    const actionLabel = video\n      ? \"Watch video\"\n      : \"Read article\";\n\n    return `\n      <a\n        class=\"ri-card\"\n        href=\"${escapeHTML(link)}\"\n        aria-label=\"${escapeHTML(actionLabel + \": \" + title)}\"\n      >\n        <div class=\"ri-thumb\">\n          ${thumbnail}\n          ${play}\n        <\/div>\n\n        <div class=\"ri-card-body\">\n          <p class=\"ri-meta\">${typeLabel}<\/p>\n\n          ${\n            date\n              ? `\n                <p class=\"ri-date\">\n                  ${escapeHTML(date)}\n                <\/p>\n              `\n              : \"\"\n          }\n\n          <h3 class=\"ri-card-title\">\n            ${escapeHTML(title)}\n          <\/h3>\n\n          <p class=\"ri-description\">\n            ${escapeHTML(description)}\n          <\/p>\n\n          <span class=\"ri-card-action\">\n            <span>${actionLabel}<\/span>\n            ${arrowIcon()}\n          <\/span>\n        <\/div>\n      <\/a>\n    `;\n  }\n\n  \/* Loading and error states *\/\n\n  function showMessage(message) {\n    grid.innerHTML = `\n      <p class=\"ri-status\">\n        ${escapeHTML(message)}\n      <\/p>\n    `;\n  }\n\n  \/* One optimized WordPress REST API request *\/\n\n  async function loadResources() {\n    const controller = new AbortController();\n\n    const timeoutId = window.setTimeout(\n      function () {\n        controller.abort();\n      },\n      REQUEST_TIMEOUT\n    );\n\n    grid.setAttribute(\"aria-busy\", \"true\");\n\n    try {\n      const params = new URLSearchParams({\n        categories: String(CATEGORY_ID),\n        per_page: String(POSTS_LIMIT),\n        orderby: \"date\",\n        order: \"desc\",\n        _embed: \"wp:featuredmedia\",\n        _fields:\n          \"id,date,link,title.rendered,excerpt.rendered,content.rendered,_embedded\"\n      });\n\n      const response = await fetch(\n        API_URL + \"?\" + params.toString(),\n        {\n          method: \"GET\",\n          credentials: \"same-origin\",\n          headers: {\n            Accept: \"application\/json\"\n          },\n          signal: controller.signal\n        }\n      );\n\n      if (!response.ok) {\n        throw new Error(\n          \"WordPress API returned HTTP \" + response.status\n        );\n      }\n\n      const posts = await response.json();\n\n      if (!Array.isArray(posts) || posts.length === 0) {\n        showMessage(\n          \"New crypto insights and articles will appear here soon. Please check back for future updates.\"\n        );\n        return;\n      }\n\n      grid.innerHTML = posts.map(renderCard).join(\"\");\n\n    } catch (error) {\n      console.error(\n        \"RAGOPAY Insights loading error:\",\n        error\n      );\n\n      if (error.name === \"AbortError\") {\n        showMessage(\n          \"Loading is taking longer than expected. Please refresh the page and try again.\"\n        );\n      } else {\n        showMessage(\n          \"We couldn't load the latest insights right now. Please refresh the page and try again.\"\n        );\n      }\n\n    } finally {\n      window.clearTimeout(timeoutId);\n      grid.setAttribute(\"aria-busy\", \"false\");\n    }\n  }\n\n  loadResources();\n\n})();\n<\/script>\n\n\n\n<style>\n\/* RAGOPAY INSIGHTS \u2014 ALIGN WITH FEES SECTION *\/\n@media screen and (min-width: 851px) {\n  #insights.ragopay-insights {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n}\n<\/style><script type=\"module\" src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/vce701823e78c4301a35b7e07294d87301792088814092\" integrity=\"sha512-UKNk8GbxkABxKcXYuLkO16EleLGUkcvJWtpSNmExE0Too3ZaFAxTscNWEc1OdAv5\/BikHawapSCaiD2XCmp+Bw==\" data-cf-beacon='{\"version\":\"2024.11.0\",\"token\":\"7939e04a4baf43c8b86a560f74aac60e\",\"spa\":2}' crossorigin=\"anonymous\"><\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_450202546 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #000509;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section rg-partners-section\" id=\"section_1573154774\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1624387402\">\n\n\n\t<div id=\"col-1560736190\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<section id=\"partners\" class=\"ragopay-partner-hero\">\n  <div class=\"ragopay-partner-content\">\n    <div class=\"ragopay-partner-eyebrow\">\n      RAGOPAY PARTNER PROGRAM\n    <\/div>\n\n    <h1>Grow With RAGOPAY<\/h1>\n\n    <p class=\"ragopay-partner-description\">\n      Build meaningful partnerships in the digital asset industry.\n      Whether you are an independent promoter, community leader,\n      or content creator, we welcome opportunities to collaborate.\n    <\/p>\n\n    <button type=\"button\" class=\"ragopay-partner-button\" data-ragopay-open=\"\">\n      BECOME A PARTNER\n    <\/button>\n\n    <p class=\"ragopay-partner-note\">\n      Partnership opportunities are subject to review and mutually\n      agreed terms.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- Partner application popup -->\n<div class=\"ragopay-partner-modal\" aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ragopay-partner-modal-title\">\n\n  <div class=\"ragopay-partner-modal-panel\">\n\n    <button type=\"button\" class=\"ragopay-partner-close\" aria-label=\"Close application form\" data-ragopay-close=\"\">\n      \u8133\n    <\/button>\n\n    <div class=\"ragopay-partner-eyebrow\">\n      RAGOPAY PARTNER PROGRAM\n    <\/div>\n\n    <h2 id=\"ragopay-partner-modal-title\">\n      Become a Partner\n    <\/h2>\n\n    <p class=\"ragopay-partner-modal-intro\">\n      Tell us a little about yourself and let's explore\n      potential collaboration opportunities.\n    <\/p>\n\n    <!-- Real application form powered by Fluent Forms -->\n    <div class=\"ragopay-partner-fluentform-wrap\">\n      <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">RAGOPAY Partner Application<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='2' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"49750531c9\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/vi\/wp-json\/wp\/v2\/pages\/2\" \/><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_full_name' id='label_ff_3_full_name'>Full Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"full_name\" class=\"ff-el-form-control\" placeholder=\"Your full name\" data-name=\"full_name\" id=\"ff_3_full_name\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_country' id='label_ff_3_country'>Country \/ Region<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"country\" class=\"ff-el-form-control\" placeholder=\"Your country or region\" data-name=\"country\" id=\"ff_3_country\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_partnership_type' id='label_ff_3_partnership_type'>Partnership Type<\/label><\/div><div class='ff-el-input--content'><select name=\"partnership_type\" id=\"ff_3_partnership_type\" class=\"ff-el-form-control\" data-name=\"partnership_type\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_3_partnership_type\"><option value=\"\">Select an option<\/option><option value=\"Independent Promoter\"  >Independent Promoter<\/option><option value=\"Community Leader\"  >Community Leader<\/option><option value=\"Content Partner\"  >Content Partner<\/option><option value=\"Other\"  >Other<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_preferred_contact_method' id='label_ff_3_preferred_contact_method'>Preferred Contact Method<\/label><\/div><div class='ff-el-input--content'><select name=\"preferred_contact_method\" id=\"ff_3_preferred_contact_method\" class=\"ff-el-form-control\" data-name=\"preferred_contact_method\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_3_preferred_contact_method\"><option value=\"\">Select a method<\/option><option value=\"Email\"  >Email<\/option><option value=\"WhatsApp\"  >WhatsApp<\/option><option value=\"Telegram\"  >Telegram<\/option><option value=\"WeChat\"  >WeChat<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_contact_details' id='label_ff_3_contact_details'>Contact Details<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"contact_details\" class=\"ff-el-form-control\" placeholder=\"Email address, WhatsApp number, Telegram ID, etc.\" data-name=\"contact_details\" id=\"ff_3_contact_details\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_website' id='label_ff_3_website'>Website \/ Social Profile<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"website\" class=\"ff-el-form-control\" placeholder=\"https:\/\/...\" data-name=\"website\" id=\"ff_3_website\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_description' id='label_ff_3_description'>Additional Information<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" placeholder=\"Tell us about your experience, audience, or ideas.\" rows=\"3\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label  >Privacy Consent<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_f3c262c0d6b45f9a30c2cd441e67e5b6'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"I agree to the processing of my information for partnership application and follow-up purposes, as described in the &lt;a href=&quot;https:\/\/ragopay.com\/privacy-policy\/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; style=&quot;color:#43D9B8 !important;font-weight:600;&quot;&gt;Privacy Policy&lt;\/a&gt;.\"  id='checkbox_f3c262c0d6b45f9a30c2cd441e67e5b6' aria-label='I agree to the processing of my information for partnership application and follow-up purposes, as described in the &lt;a href=&quot;https:\/\/ragopay.com\/privacy-policy\/&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; style=&quot;color:#43D9B8 !important;font-weight:600&quot;&gt;Privacy Policy&lt;\/a&gt;.' aria-invalid='false' aria-required=true> <span>I agree to the processing of my information for partnership application and follow-up purposes, as described in the <a href=\"https:\/\/ragopay.com\/privacy-policy\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#43D9B8 !important;font-weight:600\">Privacy Policy<\/a>.<\/span><\/label><\/div><\/div><\/div><div class='ff-form-inline-style' hidden><style>form.fluent_form_3 .ff-btn-submit:not(.ff_btn_no_style) { background-color: var(--fluentform-primary); color: #ffffff; }<\/style><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Application\">Submit Application<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/ragopay.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"full_name\":{\"required\":{\"value\":true,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"country\":{\"required\":{\"value\":true,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"partnership_type\":{\"required\":{\"value\":true,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"preferred_contact_method\":{\"required\":{\"value\":true,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"contact_details\":{\"required\":{\"value\":true,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"website\":{\"required\":{\"value\":false,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true}},\"checkbox\":{\"required\":{\"value\":true,\"message\":\"Tr\\u01b0\\u1eddng n\\u00e0y l\\u00e0 b\\u1eaft bu\\u1ed9c\",\"global_message\":\"This field is required\",\"global\":true},\"max_selection\":{\"value\":\"\",\"message\":\"You have selected more options than allowed\",\"global_message\":\"You have selected more options than allowed\",\"global\":true},\"min_selection\":{\"value\":\"\",\"message\":\"Please select at least the minimum number of options\",\"global_message\":\"Please select at least the minimum number of options\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            \n    <\/div>\n\n    <!-- Shown ONLY after Fluent Forms confirms a successful submission. -->\n    <section class=\"ragopay-partner-success-screen\"\n             role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"\n             aria-labelledby=\"ragopay-partner-success-title\" hidden>\n      <div class=\"ragopay-partner-success-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 48 48\" width=\"32\" height=\"32\" fill=\"none\"\n             stroke=\"currentColor\" stroke-width=\"3.2\"\n             stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M11 25l9 9L37 15\" \/>\n        <\/svg>\n      <\/div>\n      <p class=\"ragopay-partner-success-label\">RAGOPAY PARTNER PROGRAM<\/p>\n      <h2 id=\"ragopay-partner-success-title\">Application Submitted Successfully<\/h2>\n      <p class=\"ragopay-partner-success-description\">\n        Thank you for your interest in partnering with RAGOPAY.\n        Your application has been received successfully.\n        Our team will review your information and contact you if there\n        is a suitable opportunity to collaborate.\n      <\/p>\n      <button type=\"button\" class=\"ragopay-partner-success-done\"\n              data-ragopay-success-close>Close<\/button>\n    <\/section>\n\n  <\/div>\n<\/div>\n\n<style>\n\/* =====================================\n   RAGOPAY PARTNERS \u9225\ufffd DESKTOP FIRST\n===================================== *\/\n\n.ragopay-partner-hero,\n.ragopay-partner-hero *,\n.ragopay-partner-modal,\n.ragopay-partner-modal * {\n  box-sizing: border-box;\n}\n\n.ragopay-partner-hero {\n  position: relative;\n  isolation: isolate;\n  display: flex;\n  align-items: center;\n  min-height: 540px;\n  padding: 68px 5.5%;\n  overflow: hidden;\n  border: 1px solid rgba(67, 217, 190, 0.20);\n  border-radius: 22px;\n  background-color: #020707;\n\n  background-image:\n    radial-gradient(\n      ellipse at center,\n      transparent 35%,\n      rgba(0, 0, 0, 0.16) 65%,\n      #020707 100%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(2, 7, 7, 0.70) 0%,\n      rgba(2, 7, 7, 0.54) 34%,\n      rgba(2, 7, 7, 0.06) 66%,\n      rgba(2, 7, 7, 0.08) 100%\n    ),\n    url(\"https:\/\/ragopay.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-2026%E5%B9%B410%E6%9C%8823%E6%97%A5-16_29_58.png\");\n\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n.ragopay-partner-content {\n  position: relative;\n  z-index: 1;\n  width: 53%;\n  max-width: 590px;\n}\n\n.ragopay-partner-eyebrow {\n  margin-bottom: 18px;\n  color: #43D9BE;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  line-height: 1.6;\n}\n\n.ragopay-partner-hero h1 {\n  margin: 0 0 22px;\n  color: #F4F8F7;\n  font-size: clamp(38px, 4vw, 56px);\n  font-weight: 750;\n  line-height: 1.12;\n  letter-spacing: -1.7px;\n}\n\n.ragopay-partner-description {\n  max-width: 540px;\n  margin: 0 0 30px;\n  color: #B1C2C0;\n  font-size: 16px;\n  line-height: 1.85;\n}\n\n.ragopay-partner-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  \/* Match the homepage CTA: compact pill, not oversized *\/\n  min-width: 0;\n  min-height: 40px;\n  padding: 0 24px;\n\n  border: 1px solid #A0DDAC;\n  border-radius: 999px;\n  background: #A0DDAC;\n  color: #FFFFFF;\n\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 750;\n  letter-spacing: 0.2px;\n  line-height: 1.1;\n  text-align: center;\n  text-transform: uppercase;\n  white-space: nowrap;\n\n  cursor: pointer;\n  box-shadow: none;\n  transition:\n    background 0.25s ease,\n    border-color 0.25s ease,\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.ragopay-partner-button:hover {\n  transform: translateY(-2px);\n  background: #B0E8BC;\n  border-color: #B0E8BC;\n  color: #FFFFFF;\n  box-shadow: 0 8px 24px rgba(160, 221, 172, 0.16);\n}\n\n.ragopay-partner-button:focus-visible {\n  outline: 2px solid #FFFFFF;\n  outline-offset: 4px;\n}\n\n.ragopay-partner-note {\n  margin: 18px 0 0;\n  color: #829995;\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n\/* =====================================\n   APPLICATION MODAL\n===================================== *\/\n\n.ragopay-partner-modal {\n  position: fixed;\n  z-index: 999999;\n  inset: 0;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background: rgba(0, 5, 6, 0.84);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.ragopay-partner-modal.is-open {\n  display: flex;\n}\n\n.ragopay-partner-modal-panel {\n  position: relative;\n  width: 100%;\n  max-width: 700px;\n  max-height: 88vh;\n  overflow-y: auto;\n  padding: 42px;\n  border: 1px solid rgba(67, 217, 190, 0.30);\n  border-radius: 20px;\n  background:\n    radial-gradient(\n      ellipse at top right,\n      rgba(16, 91, 77, 0.24),\n      transparent 55%\n    ),\n    linear-gradient(145deg, #0B2422, #041010);\n  box-shadow: 0 24px 100px rgba(0, 0, 0, 0.5);\n}\n\n.ragopay-partner-close {\n  position: absolute;\n  top: 14px;\n  right: 18px;\n  width: 38px;\n  height: 38px;\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 50%;\n  background: rgba(255,255,255,0.04);\n  color: #DDE9E6;\n  font-size: 26px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.ragopay-partner-modal-panel h2 {\n  margin: 0 0 12px;\n  color: #F4F8F7;\n  font-size: 34px;\n  line-height: 1.2;\n}\n\n.ragopay-partner-modal-intro {\n  margin: 0 0 28px;\n  color: #A9BCB8;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.ragopay-partner-form-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 20px 16px;\n}\n\n.ragopay-partner-field {\n  min-width: 0;\n}\n\n.ragopay-partner-field.rp-field-full {\n  grid-column: 1 \/ -1;\n}\n\n.ragopay-partner-field label {\n  display: block;\n  margin-bottom: 9px;\n  color: #E6EFEC;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.ragopay-partner-field label span {\n  color: #91A7A2;\n  font-weight: 400;\n}\n\n.ragopay-partner-field input,\n.ragopay-partner-field select,\n.ragopay-partner-field textarea {\n  display: block;\n  width: 100%;\n  min-height: 46px;\n  margin: 0;\n  padding: 12px 14px;\n  border: 1px solid rgba(140, 190, 177, 0.23);\n  border-radius: 9px;\n  outline: none;\n  background: rgba(0, 7, 7, 0.46);\n  color: #F4F8F7;\n  font-family: inherit;\n  font-size: 13px;\n  box-shadow: none;\n}\n\n.ragopay-partner-field textarea {\n  min-height: 90px;\n  resize: vertical;\n}\n\n.ragopay-partner-field input::placeholder,\n.ragopay-partner-field textarea::placeholder {\n  color: #728983;\n}\n\n.ragopay-partner-field input:focus,\n.ragopay-partner-field select:focus,\n.ragopay-partner-field textarea:focus {\n  border-color: #43D9BE;\n  box-shadow: 0 0 0 3px rgba(67, 217, 190, 0.08);\n}\n\n.ragopay-partner-field select option {\n  background: #0B2422;\n  color: #F4F8F7;\n}\n\n.ragopay-partner-consent {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin: 24px 0;\n  color: #A9BCB8;\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n.ragopay-partner-consent input {\n  flex: 0 0 auto;\n  margin-top: 3px;\n  accent-color: #43D9BE;\n}\n\n.ragopay-partner-submit {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  width: 100%;\n  min-height: 50px;\n  border: 0;\n  border-radius: 999px;\n  background: #83E0AF;\n  color: #06231B;\n  font-size: 14px;\n  font-weight: 750;\n  cursor: pointer;\n}\n\n.ragopay-partner-form-status {\n  margin: 14px 0 0;\n  color: #A9BCB8;\n  font-size: 12px;\n  line-height: 1.7;\n}\n\nbody.ragopay-partner-modal-open {\n  overflow: hidden;\n}\n\n\/* Respect reduced motion preferences *\/\n@media (prefers-reduced-motion: reduce) {\n  .ragopay-partner-button {\n    transition: none;\n  }\n}\n\n\/* =====================================\n   MOBILE \u9225\ufffd INITIAL SAFETY ADAPTATION\n===================================== *\/\n\n@media (max-width: 767px) {\n  .ragopay-partner-hero {\n    min-height: 520px;\n    padding: 48px 25px;\n    align-items: flex-start;\n    background-position: 62% center;\n    background-image:\n      linear-gradient(\n        90deg,\n        rgba(2, 7, 7, 0.84),\n        rgba(2, 7, 7, 0.50)\n      ),\n      radial-gradient(\n        ellipse at center,\n        transparent 25%,\n        rgba(0, 0, 0, 0.20) 68%,\n        #020707 100%\n      ),\n      url(\"https:\/\/ragopay.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-2026%E5%B9%B410%E6%9C%8823%E6%97%A5-16_29_58.png\");\n  }\n\n  .ragopay-partner-content {\n    width: 100%;\n    max-width: 460px;\n  }\n\n  .ragopay-partner-hero h1 {\n    font-size: clamp(36px, 9vw, 46px);\n    letter-spacing: -1px;\n  }\n\n  .ragopay-partner-description {\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  \/* Keep the same compact CTA proportions on mobile *\/\n  .ragopay-partner-button {\n    min-width: 0;\n    min-height: 40px;\n    max-width: 100%;\n    padding: 0 20px;\n    font-size: 14px;\n    letter-spacing: 0.1px;\n  }\n\n  .ragopay-partner-modal {\n    padding: 12px;\n  }\n\n  .ragopay-partner-modal-panel {\n    max-height: 92vh;\n    padding: 32px 22px 24px;\n    border-radius: 16px;\n  }\n\n  .ragopay-partner-modal-panel h2 {\n    font-size: 28px;\n  }\n\n  .ragopay-partner-form-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  .ragopay-partner-field.rp-field-full {\n    grid-column: auto;\n  }\n}\n\n\/* =========================\n   PATCH \u9225\ufffd Partners anchor + close button\n   ========================= *\/\n\n\/* Fix anchor jump hidden by sticky header *\/\n#partners {\n  scroll-margin-top: 120px;\n  position: relative;\n}\n\n#partners::before {\n  content: \"\";\n  display: block;\n  height: 120px;\n  margin-top: -120px;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n\/* Smaller modal close button *\/\n.ragopay-partner-close {\n  top: 18px !important;\n  right: 18px !important;\n  width: 38px !important;\n  height: 38px !important;\n  font-size: 20px !important;\n  line-height: 1 !important;\n  border-radius: 50% !important;\n  border: 1px solid rgba(67, 217, 190, 0.28) !important;\n  background: rgba(7, 17, 29, 0.88) !important;\n  color: #DDFBF3 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  z-index: 30 !important;\n}\n\n.ragopay-partner-close:hover {\n  background: rgba(67, 217, 190, 0.12) !important;\n  border-color: rgba(67, 217, 190, 0.5) !important;\n  transform: scale(1.05);\n}\n\n\n\/* ================================================\n   RAGOPAY PARTNERS \u9225\ufffd MODAL LAYER & SCROLL FIX\n   The modal is moved to document.body by the script.\n   Avoid pushing it under the header: it overlays it.\n   ================================================ *\/\n.ragopay-partner-modal {\n  position: fixed !important;\n  inset: 0 !important;\n  z-index: 2147483000 !important;\n  width: 100% !important;\n  height: 100vh !important;\n  height: 100dvh !important;\n  overflow: hidden !important;\n}\n\n.ragopay-partner-modal.is-open {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 20px !important;\n}\n\n.ragopay-partner-modal-panel {\n  position: relative !important;\n  flex: 0 1 640px !important;\n  width: 100% !important;\n  max-width: 640px !important;\n  max-height: calc(100vh - 40px) !important;\n  max-height: calc(100dvh - 40px) !important;\n  margin: 0 !important;\n  padding: 32px !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  overscroll-behavior: contain;\n  -webkit-overflow-scrolling: touch;\n}\n\n@media (max-width: 767px) {\n  .ragopay-partner-modal.is-open {\n    padding: 12px !important;\n  }\n  .ragopay-partner-modal-panel {\n    flex-basis: 100% !important;\n    max-width: 100% !important;\n    max-height: calc(100vh - 24px) !important;\n    max-height: calc(100dvh - 24px) !important;\n    padding: 28px 20px 22px !important;\n    border-radius: 16px !important;\n  }\n}\n\n\/* RAGOPAY Partners \u9225\ufffd Keep the main heading on one line *\/\n\n\/* Desktop *\/\n@media (min-width: 768px) {\n  .ragopay-partner-hero h1 {\n    font-size: clamp(34px, 3vw, 44px) !important;\n    line-height: 1.15 !important;\n    letter-spacing: -1.2px !important;\n    white-space: nowrap !important;\n    max-width: none !important;\n  }\n}\n\n\/* Mobile: allow responsive wrapping *\/\n@media (max-width: 767px) {\n  .ragopay-partner-hero h1 {\n    font-size: clamp(30px, 7vw, 38px) !important;\n    line-height: 1.15 !important;\n    letter-spacing: -0.8px !important;\n    white-space: normal !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  function initPartnerModal() {\n    var hero = document.querySelector('.ragopay-partner-hero');\n    var modal = document.querySelector('.ragopay-partner-modal');\n    if (!hero || !modal || modal.dataset.initialized === 'true') return;\n\n    var openButton = hero.querySelector('[data-ragopay-open]');\n    var closeButton = modal.querySelector('[data-ragopay-close]');\n    var successClose = modal.querySelector('[data-ragopay-success-close]');\n    var formArea = modal.querySelector('.ragopay-partner-fluentform-wrap');\n    var successScreen = modal.querySelector('.ragopay-partner-success-screen');\n    var panel = modal.querySelector('.ragopay-partner-modal-panel');\n    if (!openButton || !closeButton || !formArea || !successScreen || !panel) return;\n\n    \/* FIX: keep the overlay OUTSIDE Flatsome's page sections.\n       Section transform, isolation or z-index can trap fixed layers. *\/\n    if (modal.parentNode !== document.body) {\n      document.body.appendChild(modal);\n    }\n\n    modal.dataset.initialized = 'true';\n\n    \/* Observe actual Fluent Forms AJAX confirmation, NOT button clicks.\n       The website's form ID 3 has already been verified to save entries.\n       Only show the custom compact success screen after real success. *\/\n    function checkActualFormSuccess() {\n      if (modal.classList.contains('is-submitted')) return;\n      var confirmed = modal.querySelector(\n        '.ff-message-success, .ff_success, .ff-success-message, .ff-message-success-wrapper'\n      );\n      if (!confirmed || !confirmed.textContent.trim()) return;\n\n      modal.classList.add('is-submitted');\n      successScreen.hidden = false;\n      panel.scrollTop = 0;\n      if (modal.classList.contains('is-open')) {\n        window.requestAnimationFrame(function () {\n          var heading = successScreen.querySelector('h2');\n          if (heading) {\n            heading.setAttribute('tabindex', '-1');\n            try { heading.focus({ preventScroll: true }); }\n            catch (e) { heading.focus(); }\n          }\n        });\n      }\n      confirmObserver.disconnect();\n    }\n    var confirmObserver = new MutationObserver(checkActualFormSuccess);\n    confirmObserver.observe(modal, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n      attributes: true,\n      attributeFilter: ['class']\n    });\n    checkActualFormSuccess();\n\n    function openModal() {\n      modal.classList.add('is-open');\n      modal.setAttribute('aria-hidden', 'false');\n      document.body.classList.add('ragopay-partner-modal-open');\n\n      panel.scrollTop = 0;\n      var firstField = modal.classList.contains('is-submitted')\n        ? successScreen.querySelector('h2')\n        : modal.querySelector('.ragopay-partner-fluentform-wrap input:not([type=\"checkbox\"])');\n      if (firstField) {\n        window.setTimeout(function () {\n          if (modal.classList.contains('is-open')) {\n            try { firstField.focus({ preventScroll: true }); }\n            catch (e) { firstField.focus(); }\n          }\n        }, 50);\n      }\n    }\n\n    function closeModal() {\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden', 'true');\n      document.body.classList.remove('ragopay-partner-modal-open');\n      try { openButton.focus({ preventScroll: true }); }\n      catch (e) { openButton.focus(); }\n    }\n\n    openButton.addEventListener('click', openModal);\n    closeButton.addEventListener('click', closeModal);\n    if (successClose) successClose.addEventListener('click', closeModal);\n\n    modal.addEventListener('click', function (event) {\n      if (event.target === modal) closeModal();\n    });\n\n    document.addEventListener('keydown', function (event) {\n      if (event.key === 'Escape' && modal.classList.contains('is-open')) {\n        closeModal();\n      }\n    });\n\n    \/\/ Fluent Forms handles validation, submission, confirmation and entry storage.\n    \/\/ Do not intercept its submit event here.\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initPartnerModal);\n  } else {\n    initPartnerModal();\n  }\n})();\n<\/script>\n\n\n<style>\n\/* =========================================\n   RAGOPAY PARTNERS \u9225\ufffd MOBILE POLISH\n   Mobile only; desktop remains unchanged\n========================================= *\/\n\n@media screen and (max-width: 767px) {\n\n  \/* 1. Compact the hero card *\/\n  .ragopay-partner-hero {\n    min-height: 0 !important;\n    height: auto !important;\n\n    \/* Reduce excessive space above the card *\/\n    margin-top: -28px !important;\n    margin-bottom: 0 !important;\n\n    \/* Tighter internal spacing *\/\n    padding: 38px 24px 34px !important;\n\n    align-items: flex-start;\n    overflow: hidden;\n\n    \/* Stronger dark overlay behind the text *\/\n    background-image:\n      linear-gradient(\n        90deg,\n        rgba(2, 7, 7, 0.94) 0%,\n        rgba(2, 7, 7, 0.84) 42%,\n        rgba(2, 7, 7, 0.56) 68%,\n        rgba(2, 7, 7, 0.22) 100%\n      ),\n      radial-gradient(\n        ellipse at 76% 70%,\n        transparent 10%,\n        rgba(0, 0, 0, 0.16) 58%,\n        #020707 100%\n      ),\n      url(\"https:\/\/ragopay.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-2026%E5%B9%B410%E6%9C%8823%E6%97%A5-16_29_58.png\") !important;\n\n    \/* Keep the artwork smaller and farther to the right *\/\n    background-size:\n      100% 100%,\n      100% 100%,\n      auto 82% !important;\n\n    background-position:\n      left center,\n      center center,\n      12% bottom !important;\n\n    background-repeat: no-repeat;\n  }\n\n  \/* 2. Use the available width efficiently *\/\n  .ragopay-partner-content {\n    position: relative;\n    z-index: 2;\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  \/* 3. Refine the eyebrow heading *\/\n  .ragopay-partner-eyebrow {\n    margin-bottom: 14px !important;\n    font-size: 11px !important;\n    letter-spacing: 1.5px !important;\n    line-height: 1.6;\n  }\n\n  \/* 4. Keep the main title on one line *\/\n  .ragopay-partner-hero h1 {\n    margin: 0 0 18px !important;\n    font-size: clamp(25px, 7.5vw, 32px) !important;\n    line-height: 1.12 !important;\n    letter-spacing: -1.1px !important;\n    white-space: nowrap;\n  }\n\n  \/* 5. Improve paragraph readability *\/\n  .ragopay-partner-description {\n    position: relative;\n    z-index: 2;\n    max-width: 100% !important;\n    margin-bottom: 24px !important;\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n  }\n\n  \/* 6. Preserve the homepage-style green button *\/\n  .ragopay-partner-button {\n    min-width: 0 !important;\n    min-height: 58px !important;\n    max-width: 100% !important;\n    padding: 0 20px !important;\n    font-size: clamp(16px, 4.5vw, 18px) !important;\n    letter-spacing: 0.2px !important;\n    white-space: nowrap;\n  }\n\n  \/* 7. Reduce the empty space below the note *\/\n  .ragopay-partner-note {\n    position: relative;\n    z-index: 2;\n    margin: 16px 0 0 !important;\n    max-width: 100%;\n    font-size: 12px !important;\n    line-height: 1.65 !important;\n  }\n\n}\n\n\/* Keep the original desktop styling intact *\/\n@media screen and (min-width: 768px) {\n  .ragopay-partner-hero {\n    margin-top: 0;\n  }\n}\n<\/style>\n\n<style>\n\/* ===== RAGOPAY PARTNER HERO TITLE TUNING ===== *\/\n\n\/* \u5997\u5c84\u6f70\u7ed4\ue224\u7d30\u93cd\u56ec\ue57d\u935c\ufffd Insights \u6dc7\u6fc7\u5bd4\u93ba\u30e8\u7e4e\u9428\u52ee\ue74b\u7459\u590a\u3047\u704f\u5fe5\u7d1d\u9a9e\u8dfa\u5df1\u9352\u8dfa\u5d1f\u741b\ufffd *\/\n@media screen and (min-width: 1101px) {\n  .ragopay-partner-content {\n    max-width: 46% !important;\n    flex: 0 0 46% !important;\n  }\n\n  .ragopay-partner-visual {\n    max-width: 54% !important;\n    flex: 0 0 54% !important;\n  }\n\n  .ragopay-partner-title {\n    font-size: 58px !important;\n    line-height: 1.06 !important;\n    letter-spacing: -0.03em !important;\n    white-space: nowrap !important;\n    margin: 0 0 18px !important;\n  }\n\n  .ragopay-partner-description {\n    max-width: 620px !important;\n    font-size: 18px !important;\n    line-height: 1.65 !important;\n  }\n}\n\n\/* \u9a9e\u866b\u6f98\u7ed4\ue224\u7d30\u934f\u4f7d\ue18f\u7ecb\u5d85\u4e95\u7f02\u2541\u76ac\u951b\u5c7c\u7d7e\u704f\u4ecb\u567a\u6dc7\u6fc7\u5bd4\u93c1\u5b58\u78e5 *\/\n@media screen and (min-width: 851px) and (max-width: 1100px) {\n  .ragopay-partner-title {\n    font-size: 46px !important;\n    line-height: 1.08 !important;\n    letter-spacing: -0.025em !important;\n    white-space: nowrap !important;\n  }\n\n  .ragopay-partner-description {\n    font-size: 17px !important;\n    line-height: 1.65 !important;\n  }\n}\n\n\/* \u93b5\u5b2b\u6e80\u7ed4\ue224\u7d30\u9359\u6828\u79f7\u5bee\u54c4\u57d7\u9357\u66e1\ue511\u951b\u5c84\u4f29\u934f\u5d88\ue766\u93b8\u3085\u6f56 *\/\n@media screen and (max-width: 850px) {\n  .ragopay-partner-title {\n    font-size: 36px !important;\n    line-height: 1.12 !important;\n    letter-spacing: -0.02em !important;\n    white-space: normal !important;\n  }\n\n  .ragopay-partner-description {\n    font-size: 16px !important;\n    line-height: 1.7 !important;\n  }\n}\n<\/style>\n\n\n<style>\n\/* ================================================\n   RAGOPAY PARTNERS \u9225\ufffd FLUENT FORMS INTEGRATION\n   Keep the existing modal design; style the real form.\n================================================ *\/\n.ragopay-partner-fluentform-wrap,\n.ragopay-partner-fluentform-wrap .fluentform {\n  width: 100%;\n  min-width: 0;\n  color: #E6EFEC;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .frm-fluent-form {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 18px 16px;\n  width: 100%;\n  margin: 0;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-group {\n  min-width: 0;\n  margin: 0 !important;\n}\n\n\/* First four fields use the original two-column layout;\n   contact details and following fields span the full width. *\/\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .frm-fluent-form > .ff-el-group:nth-of-type(n+5) {\n  grid-column: 1 \/ -1;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-input--label {\n  margin: 0 0 9px !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-input--label label {\n  display: block;\n  margin: 0 !important;\n  color: #E6EFEC !important;\n  font-family: inherit;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  line-height: 1.5;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-control:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  min-height: 46px;\n  margin: 0;\n  padding: 12px 14px;\n  border: 1px solid rgba(140, 190, 177, 0.23) !important;\n  border-radius: 9px !important;\n  outline: none;\n  background: rgba(0, 7, 7, 0.46) !important;\n  color: #F4F8F7 !important;\n  font-family: inherit !important;\n  font-size: 13px !important;\n  line-height: 1.5;\n  box-shadow: none !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-control::placeholder {\n  color: #728983 !important;\n  opacity: 1;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-control:focus {\n  border-color: #43D9BE !important;\n  box-shadow: 0 0 0 3px rgba(67, 217, 190, 0.08) !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap textarea.ff-el-form-control {\n  min-height: 90px;\n  resize: vertical;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap select.ff-el-form-control,\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap select.ff-el-form-control option {\n  background-color: #071719 !important;\n  color: #F4F8F7 !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-check,\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-check label,\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-check-label {\n  color: #A9BCB8 !important;\n  font-family: inherit;\n  font-size: 12px !important;\n  line-height: 1.7;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap input[type=\"checkbox\"] {\n  accent-color: #43D9BE;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff_submit_btn_wrapper {\n  grid-column: 1 \/ -1;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  width: 100% !important;\n  min-height: 50px;\n  margin: 0 !important;\n  padding: 13px 20px !important;\n  border: 1px solid #83E0AF !important;\n  border-radius: 999px !important;\n  background: #83E0AF !important;\n  color: #06231B !important;\n  font-family: inherit !important;\n  font-size: 14px !important;\n  font-weight: 750 !important;\n  line-height: 1.4;\n  box-shadow: none !important;\n  cursor: pointer;\n  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit:hover {\n  background: #A7F0C7 !important;\n  border-color: #A7F0C7 !important;\n  color: #06231B !important;\n  box-shadow: 0 0 18px rgba(131, 224, 175, .16) !important;\n  transform: translateY(-1px);\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit:focus-visible {\n  outline: 2px solid #86E0B1;\n  outline-offset: 3px;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-is-required .ff-el-input--label label:after {\n  color: #86E0B1;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-message-success {\n  margin: 0 !important;\n  padding: 18px !important;\n  border: 1px solid rgba(134, 224, 177, .32) !important;\n  border-radius: 12px !important;\n  background: rgba(9, 36, 31, .58) !important;\n  color: #A7F0C7 !important;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-is-error .ff-el-form-control {\n  border-color: #E28C8C !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .text-danger,\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .error {\n  color: #F0A5A5 !important;\n  font-size: 12px;\n}\n\n@media (max-width: 767px) {\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .frm-fluent-form {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .frm-fluent-form > .ff-el-group {\n    grid-column: 1 \/ -1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit {\n    transition: none !important;\n  }\n}\n<\/style>\n\n\n<style>\n\/* =====================================================\n   RAGOPAY PARTNERS \u9225\ufffd FLUENT FORMS LAYOUT CORRECTION\n   Fix: make the form full width, and grid the fieldset\n   Desktop: first four fields in two columns; later fields full width\n   Mobile: single column\n===================================================== *\/\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap,\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .fluentform,\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form {\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  column-gap: 16px !important;\n  row-gap: 18px !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff-el-group {\n  grid-column: auto !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n}\n\n\/* Fields 5 onward span both columns: contact details, profile, notes, consent *\/\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff-el-group:nth-of-type(n+5),\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff_submit_btn_wrapper {\n  grid-column: 1 \/ -1 !important;\n}\n\n\/* Keep inputs filling the available grid cell *\/\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff-el-group .ff-el-form-control:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n}\n\n@media (max-width: 767px) {\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset {\n    grid-template-columns: minmax(0, 1fr) !important;\n    column-gap: 0 !important;\n    row-gap: 16px !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff-el-group,\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff-el-group:nth-of-type(n+5),\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset > .ff_submit_btn_wrapper {\n    grid-column: 1 \/ -1 !important;\n  }\n}\n<\/style>\n\n\n<style>\n\/* ==============================================================\n   RAGOPAY \u9225\ufffd VERIFIED SUCCESS STATE \/ COMPACT MODAL\n   Applied only AFTER Fluent Forms inserts a real success message.\n   Form inputs, validation and data storage are untouched.\n============================================================== *\/\n.ragopay-partner-modal .ragopay-partner-success-screen[hidden] {\n  display: none !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-success-screen {\n  width: 100%;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  margin: 0 auto;\n  padding: 12px 4px 0;\n}\n\n\/* Shorten the modal after the form has been successfully submitted. *\/\n.ragopay-partner-modal.is-submitted .ragopay-partner-modal-panel {\n  width: 100% !important;\n  max-width: 560px !important;\n  flex: 0 1 560px !important;\n  height: auto !important;\n  min-height: 0 !important;\n  max-height: calc(100dvh - 40px) !important;\n  overflow-y: auto !important;\n  padding: 46px 38px 36px !important;\n}\n\n\/* The old modal heading and entire form must leave layout flow.\n   Otherwise the hidden Fluent Forms fieldset can leave a tall blank. *\/\n.ragopay-partner-modal.is-submitted .ragopay-partner-modal-panel > .ragopay-partner-eyebrow,\n.ragopay-partner-modal.is-submitted .ragopay-partner-modal-panel > #ragopay-partner-modal-title,\n.ragopay-partner-modal.is-submitted .ragopay-partner-modal-panel > .ragopay-partner-modal-intro,\n.ragopay-partner-modal.is-submitted .ragopay-partner-fluentform-wrap {\n  display: none !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-success-icon {\n  width: 68px;\n  height: 68px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(131, 224, 175, .48);\n  border-radius: 50%;\n  background: rgba(131, 224, 175, .10);\n  color: #86E0B1;\n  box-shadow: 0 0 32px rgba(67, 217, 190, .10);\n  margin-bottom: 24px;\n}\n\n.ragopay-partner-modal .ragopay-partner-success-label {\n  margin: 0 0 10px !important;\n  color: #43D9BE !important;\n  font-size: 11px !important;\n  font-weight: 750 !important;\n  letter-spacing: 1.8px !important;\n  line-height: 1.5 !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-success-screen h2 {\n  margin: 0 0 14px !important;\n  color: #F4F8F7 !important;\n  font-family: inherit !important;\n  font-size: clamp(23px, 2.4vw, 29px) !important;\n  line-height: 1.3 !important;\n  font-weight: 750 !important;\n  letter-spacing: -.5px !important;\n  max-width: 440px;\n}\n\n.ragopay-partner-modal .ragopay-partner-success-description {\n  margin: 0 auto 26px !important;\n  max-width: 430px;\n  color: #A9BCB8 !important;\n  font-size: 14px !important;\n  line-height: 1.85 !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-success-done {\n  width: 100%;\n  max-width: 290px;\n  min-height: 48px;\n  padding: 11px 24px;\n  margin: 0;\n  border: 1px solid #83E0AF !important;\n  border-radius: 999px !important;\n  background: #83E0AF !important;\n  color: #06231B !important;\n  font-size: 13px;\n  font-weight: 750;\n  letter-spacing: .2px;\n  cursor: pointer;\n  transition: transform .2s ease, background .2s ease;\n}\n.ragopay-partner-modal .ragopay-partner-success-done:hover {\n  background: #A7F0C7 !important;\n  transform: translateY(-1px);\n}\n.ragopay-partner-modal .ragopay-partner-success-done:focus-visible {\n  outline: 2px solid #F4F8F7;\n  outline-offset: 3px;\n}\n\n\/* Initial form state: keep the visible title at the top on desktop. *\/\n.ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-panel {\n  scroll-padding-top: 18px;\n}\n\n\/* After desktop approval, same success state also fits narrow screens. *\/\n@media (max-width: 767px) {\n  .ragopay-partner-modal.is-submitted .ragopay-partner-modal-panel {\n    flex-basis: 100% !important;\n    max-width: 100% !important;\n    max-height: calc(100dvh - 24px) !important;\n    padding: 38px 24px 28px !important;\n  }\n  .ragopay-partner-modal .ragopay-partner-success-screen {\n    padding: 8px 0 0;\n  }\n  .ragopay-partner-modal .ragopay-partner-success-icon {\n    width: 60px;\n    height: 60px;\n    margin-bottom: 18px;\n  }\n  .ragopay-partner-modal .ragopay-partner-success-screen h2 {\n    font-size: 24px !important;\n  }\n  .ragopay-partner-modal .ragopay-partner-success-description {\n    font-size: 13px !important;\n    line-height: 1.75 !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ragopay-partner-modal .ragopay-partner-success-done {\n    transition: none !important;\n  }\n}\n<\/style>\n\n\n<style>\n\/* ==========================================================\n   RAGOPAY \u9225\ufffd UNIFIED PARTNER BUTTONS\n   Matches the existing homepage BECOME A PARTNER CTA.\n   This changes appearance only; Fluent Forms remains intact.\n========================================================== *\/\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit,\n.ragopay-partner-modal .ragopay-partner-success-done {\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  min-height: 50px !important;\n  padding: 12px 24px !important;\n  border: 1px solid #A0DDAC !important;\n  border-radius: 999px !important;\n  background: #A0DDAC !important;\n  color: #FFFFFF !important;\n  font-family: inherit !important;\n  font-size: 14px !important;\n  font-weight: 750 !important;\n  letter-spacing: .2px !important;\n  line-height: 1.2 !important;\n  text-transform: uppercase !important;\n  text-align: center !important;\n  text-decoration: none !important;\n  box-shadow: none !important;\n  cursor: pointer;\n  transition: background .25s ease, border-color .25s ease,\n              transform .25s ease, box-shadow .25s ease !important;\n}\n\n\/* Submit stays full width; success Close stays a compact centered pill. *\/\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit {\n  width: 100% !important;\n}\n.ragopay-partner-modal .ragopay-partner-success-done {\n  width: 100% !important;\n  max-width: 290px !important;\n  margin: 0 auto !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit:hover:not(:disabled),\n.ragopay-partner-modal .ragopay-partner-success-done:hover {\n  background: #B0E8BC !important;\n  border-color: #B0E8BC !important;\n  color: #FFFFFF !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 8px 24px rgba(160, 221, 172, .16) !important;\n}\n\n.ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit:focus-visible,\n.ragopay-partner-modal .ragopay-partner-success-done:focus-visible {\n  outline: 2px solid #FFFFFF !important;\n  outline-offset: 4px !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit,\n  .ragopay-partner-modal .ragopay-partner-success-done {\n    transition: none !important;\n  }\n}\n<\/style>\n\n\n<style>\n\/* ===========================================================\n   RAGOPAY \u9225\ufffd PARTNER MODAL MOBILE POLISH\n   Applies to mobile screens only. Desktop is unchanged.\n   Keeps Fluent Forms submission\/validation logic intact.\n=========================================================== *\/\n@media screen and (max-width: 767px) {\n  .ragopay-partner-modal.is-open {\n    padding: 10px !important;\n  }\n\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-panel {\n    width: 100% !important;\n    max-width: 100% !important;\n    max-height: calc(100vh - 20px) !important;\n    max-height: calc(100dvh - 20px) !important;\n    padding: 27px 18px 22px !important;\n    border-radius: 17px !important;\n    overflow-x: hidden !important;\n    overflow-y: auto !important;\n    -webkit-overflow-scrolling: touch;\n    overscroll-behavior: contain;\n  }\n\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-close {\n    top: 13px !important;\n    right: 13px !important;\n    width: 38px !important;\n    height: 38px !important;\n  }\n\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-panel > .ragopay-partner-eyebrow {\n    margin-bottom: 12px !important;\n    max-width: calc(100% - 52px);\n    font-size: 10px !important;\n    letter-spacing: 1.6px !important;\n  }\n\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-panel > #ragopay-partner-modal-title {\n    margin: 0 0 10px !important;\n    font-size: clamp(25px, 6.8vw, 28px) !important;\n    line-height: 1.17 !important;\n    letter-spacing: -.6px !important;\n  }\n\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-intro {\n    margin-bottom: 20px !important;\n    font-size: 13px !important;\n    line-height: 1.65 !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap form.frm-fluent-form > fieldset {\n    grid-template-columns: minmax(0, 1fr) !important;\n    column-gap: 0 !important;\n    row-gap: 14px !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-input--label {\n    margin-bottom: 6px !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-input--label label {\n    font-size: 13px !important;\n    line-height: 1.45 !important;\n  }\n\n  \/* 16px is important: prevents automatic input zoom on iPhone Safari. *\/\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-control:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    min-height: 46px !important;\n    padding: 10px 13px !important;\n    font-size: 16px !important;\n    line-height: 1.4 !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap textarea.ff-el-form-control {\n    min-height: 88px !important;\n    resize: vertical;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-check,\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-check label,\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-el-form-check-label {\n    font-size: 12px !important;\n    line-height: 1.6 !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap input[type=\"checkbox\"] {\n    width: 18px;\n    height: 18px;\n    min-width: 18px;\n    vertical-align: middle;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-fluentform-wrap .ff-btn-submit {\n    min-height: 50px !important;\n    padding: 12px 15px !important;\n    font-size: 14px !important;\n    letter-spacing: .15px !important;\n  }\n\n  \/* Compact confirmation card when submission succeeds. *\/\n  .ragopay-partner-modal.is-submitted .ragopay-partner-modal-panel {\n    max-height: calc(100dvh - 20px) !important;\n    padding: 38px 23px 26px !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-success-screen h2 {\n    font-size: clamp(22px, 5.8vw, 25px) !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-success-description {\n    font-size: 13px !important;\n    line-height: 1.7 !important;\n  }\n\n  .ragopay-partner-modal .ragopay-partner-success-done {\n    min-height: 48px !important;\n    width: 100% !important;\n    max-width: 290px !important;\n    font-size: 14px !important;\n  }\n}\n\n@media screen and (max-width: 375px) {\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-panel {\n    padding-left: 15px !important;\n    padding-right: 15px !important;\n  }\n  .ragopay-partner-modal:not(.is-submitted) .ragopay-partner-modal-panel > #ragopay-partner-modal-title {\n    font-size: 25px !important;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1573154774 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #000509;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section rg-faq-section\" id=\"section_421373388\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-319351768\">\n\n\n\t<div id=\"col-268214330\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\/* =========================================\n   RAGOPAY FAQ \u2014 FINAL MINIMAL VERSION\n   WordPress + Flatsome + UX Builder\n========================================= *\/\n\n.ragopay-faq,\n.ragopay-faq * {\n  box-sizing: border-box;\n}\n\n\/* Main FAQ Section *\/\n\n#faq.ragopay-faq {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  background: transparent;\n  color: #F5F8F7;\n  font-family: inherit;\n  scroll-margin-top: 110px;\n}\n\n\/* Main Container *\/\n\n.ragopay-faq__inner {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 64px 44px 72px;\n}\n\n\/* =========================================\n   HEADING\n========================================= *\/\n\n.ragopay-faq__heading {\n  display: block;\n  width: 100%;\n  margin: 0 0 42px;\n  padding: 0;\n  text-align: center;\n}\n\n#faq .ragopay-faq__title {\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  color: #F5F8F7;\n  font-size: 2.4rem;\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: normal;\n  text-align: center;\n  text-transform: none;\n}\n\n\/* Green accent line *\/\n\n.ragopay-faq__accent {\n  width: 44px;\n  height: 2px;\n  margin: 18px auto 0;\n  border-radius: 2px;\n  background: #43D9BE;\n}\n\n\/* =========================================\n   FAQ LIST\n========================================= *\/\n\n.ragopay-faq__list {\n  width: 100%;\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: 0;\n\n  border-top: 1px solid rgba(\n    167, 183, 181, 0.18\n  );\n}\n\n\/* Individual question *\/\n\n.ragopay-faq__item {\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  border: none;\n  border-bottom: 1px solid rgba(\n    167, 183, 181, 0.18\n  );\n  border-radius: 0;\n  background: transparent;\n}\n\n\/* Question heading *\/\n\n.ragopay-faq__question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  width: 100%;\n  min-height: 76px;\n\n  margin: 0;\n  padding: 22px 10px;\n  gap: 24px;\n\n  color: #F5F8F7;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 1.55;\n\n  cursor: pointer;\n  list-style: none;\n\n  transition: color 0.2s ease;\n}\n\n.ragopay-faq__question::-webkit-details-marker {\n  display: none;\n}\n\n.ragopay-faq__question::marker {\n  content: \"\";\n}\n\n\/* Hover effects *\/\n\n.ragopay-faq__question:hover {\n  color: #83E0B1;\n}\n\n.ragopay-faq__item[open]\n> .ragopay-faq__question {\n  color: #83E0B1;\n}\n\n.ragopay-faq__question:focus-visible {\n  outline: 2px solid #43D9BE;\n  outline-offset: -2px;\n  border-radius: 4px;\n}\n\n\/* =========================================\n   PLUS ICON\n========================================= *\/\n\n.ragopay-faq__toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 24px;\n  width: 24px;\n  height: 24px;\n\n  margin-left: auto;\n\n  color: #83E0B1;\n  font-size: 25px;\n  font-weight: 400;\n  line-height: 1;\n\n  transform-origin: center;\n\n  transition: transform 0.22s ease;\n}\n\n\/* Rotate plus into close icon *\/\n\n.ragopay-faq__item[open]\n.ragopay-faq__toggle {\n  transform: rotate(45deg);\n}\n\n\/* =========================================\n   ANSWERS\n========================================= *\/\n\n.ragopay-faq__answer {\n  padding: 0 50px 24px 10px;\n}\n\n.ragopay-faq__answer p {\n  max-width: 850px;\n\n  margin: 0;\n  padding: 0;\n\n  color: #A7B7B5;\n  font-size: 0.96rem;\n  font-weight: 400;\n  line-height: 1.8;\n}\n\n.ragopay-faq__answer a {\n  color: #83E0B1;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.ragopay-faq__answer a:hover {\n  color: #43D9BE;\n}\n\n\/* =========================================\n   DISCLAIMER\n========================================= *\/\n\n.ragopay-faq__note {\n  max-width: 1040px;\n\n  margin: 30px auto 0;\n  padding: 20px 10px 0;\n\n  border-top: 1px solid rgba(\n    167, 183, 181, 0.12\n  );\n\n  color: #819895;\n  font-size: 0.82rem;\n  font-weight: 400;\n  line-height: 1.75;\n}\n\n\/* =========================================\n   TABLET RESPONSIVE\n========================================= *\/\n\n@media (max-width: 849px) {\n\n  .ragopay-faq__inner {\n    padding: 52px 30px 60px;\n  }\n\n  .ragopay-faq__heading {\n    margin-bottom: 32px;\n  }\n\n  .ragopay-faq__question {\n    min-height: 70px;\n    padding: 20px 8px;\n  }\n}\n\n\/* =========================================\n   MOBILE RESPONSIVE\n========================================= *\/\n\n@media (max-width: 549px) {\n\n  .ragopay-faq__inner {\n    padding: 42px 22px 48px;\n  }\n\n  #faq .ragopay-faq__title {\n    font-size: clamp(25px, 6.5vw, 32px);\n    line-height: 1.2;\n  }\n\n  .ragopay-faq__heading {\n    margin-bottom: 26px;\n  }\n\n  .ragopay-faq__accent {\n    margin-top: 14px;\n  }\n\n  .ragopay-faq__question {\n    min-height: 68px;\n\n    gap: 14px;\n    padding: 18px 4px;\n\n    font-size: 0.95rem;\n    line-height: 1.55;\n  }\n\n  .ragopay-faq__toggle {\n    flex-basis: 22px;\n    width: 22px;\n    height: 22px;\n    font-size: 23px;\n  }\n\n  .ragopay-faq__answer {\n    padding: 0 32px 21px 4px;\n  }\n\n  .ragopay-faq__answer p {\n    font-size: 0.91rem;\n    line-height: 1.75;\n  }\n\n  .ragopay-faq__note {\n    margin-top: 24px;\n    padding: 18px 4px 0;\n    font-size: 0.78rem;\n  }\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .ragopay-faq__question,\n  .ragopay-faq__toggle {\n    transition: none;\n  }\n}\n\n<\/style>\n\n\n<!-- =====================================\n     FAQ CONTENT\n===================================== -->\n\n<section id=\"faq\" class=\"ragopay-faq\" aria-labelledby=\"ragopay-faq-title\">\n\n  <div class=\"ragopay-faq__inner\">\n\n    <!-- ONLY ONE MAIN TITLE -->\n\n    <header class=\"ragopay-faq__heading\">\n\n      <h2 id=\"ragopay-faq-title\" class=\"ragopay-faq__title\">\n        Frequently Asked Questions\n      <\/h2>\n\n      <div class=\"ragopay-faq__accent\" aria-hidden=\"true\">\n      <\/div>\n\n    <\/header>\n\n\n    <!-- FAQ QUESTIONS -->\n\n    <div class=\"ragopay-faq__list\">\n\n      <!-- Question 1 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>How does the RAGOPAY cashback program work?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>RAGOPAY participates in YUBIT's official Affiliate Program. Register through RAGOPAY's designated referral link or code and trade eligible Spot or Futures products. YUBIT settles affiliate commissions with RAGOPAY, and RAGOPAY credits eligible cashback to users according to applicable program rules.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 2 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>Do I need to register through RAGOPAY's referral link to qualify?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>Yes. Your YUBIT account must qualify through the designated RAGOPAY referral link or code and meet the applicable program requirements. If you already have a YUBIT account, please confirm your eligibility before assuming it qualifies for cashback.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 3 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>Which trading products and fees are eligible for cashback?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>Eligible Spot and Futures trading fees may qualify for cashback, including Maker and Taker fees. Eligibility depends on the product, account tier, trading activity, and applicable program rules. Under YUBIT's risk control rules, short-duration trades may receive reduced or no commission rebates.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 4 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>How is my cashback calculated?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>Cashback is calculated using eligible trading fees and the applicable cashback rate, not your total trading volume. Your product, Maker or Taker order type, VIP level, and eligibility may affect the estimate. Use the <a href=\"#calculator\">Cashback Calculator<\/a> to estimate your potential cashback before trading.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 5 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>What is the maximum cashback rate? Is 70% guaranteed?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>RAGOPAY advertises cashback of up to 70% of eligible trading fees. This is the maximum advertised rate, not a guaranteed rate or payment. Actual cashback depends on applicable rates, eligibility, program rules, adjustments, and final settlement.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 6 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>How can I check my cashback balance and request a withdrawal?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>YUBIT settles affiliate commissions with RAGOPAY according to its applicable settlement schedule. To check your confirmed available cashback balance, contact the RAGOPAY team and provide your YUBIT UID. Once your available balance reaches at least 100 USDT, you can request a withdrawal.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 7 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>Can I make partial withdrawals, and what is the minimum amount?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>Yes. You can request a full or partial withdrawal. Each request must be at least 100 USDT and cannot exceed your confirmed available cashback balance. If you prefer not to withdraw, you can leave your cashback in your RAGOPAY balance and continue accumulating it.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 8 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>Do I need to complete identity verification (KYC)?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>KYC and other identity verification requirements depend on YUBIT's current policies, your account status, and applicable program requirements. Additional verification may be required in certain circumstances. Please refer to YUBIT's official requirements for the latest information.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 9 -->\n      <details class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>What should I know about account security and trading risks?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>Never share your account password, verification codes, private keys, or recovery phrases with anyone, including individuals claiming to be customer support. Do not grant trading API access, withdrawal permissions, or asset-transfer authorization to third parties. Cashback is intended to reduce eligible trading costs. It does not guarantee trading profits or protect against investment losses.<\/p>\n        <\/div>\n      <\/details>\n\n      <!-- Question 10 \u2014 Keep this question and answer unchanged -->\n      <details id=\"faq-contact\" class=\"ragopay-faq__item\">\n        <summary class=\"ragopay-faq__question\">\n          <span>Where can I get further assistance?<\/span>\n          <span class=\"ragopay-faq__toggle\" aria-hidden=\"true\">+<\/span>\n        <\/summary>\n        <div class=\"ragopay-faq__answer\">\n          <p>\n            For further assistance, please use our\n            <a href=\"#ragopay-social-float\"\n               class=\"ragopay-contact-trigger\">\n              floating contact icons\n            <\/a>\n            to connect with the RAGOPAY support team.\n            Always use verified contact details and never share your passwords or account verification codes.\n          <\/p>\n        <\/div>\n      <\/details>\n\n    <\/div>\n\n\n    <!-- Disclaimer -->\n\n    \n<p class=\"ragopay-faq__note\">\n  RAGOPAY is an independent participant in YUBIT's official Affiliate Program.\n  Cashback rates, eligibility, settlement, withdrawal processing, and supported wallet networks\n  are subject to applicable terms and verification. The advertised maximum cashback rate is not guaranteed.\n  Cryptocurrency transfers may be irreversible, so always verify wallet addresses and networks before confirming a transaction.\n<\/p>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* ======================================\n   RAGOPAY FAQ \u2014 MOBILE REFINEMENT\n   Desktop remains unchanged\n====================================== *\/\n\n@media screen and (max-width: 549px) {\n\n  \/* Compact overall spacing *\/\n  #faq .ragopay-faq__inner {\n    padding: 30px 18px 38px !important;\n  }\n\n  \/* Smaller, balanced heading *\/\n  #faq .ragopay-faq__heading {\n    margin-bottom: 22px !important;\n  }\n\n  #faq .ragopay-faq__title {\n    font-size: clamp(24px, 6vw, 29px) !important;\n    line-height: 1.2 !important;\n    letter-spacing: -0.5px !important;\n  }\n\n  #faq .ragopay-faq__accent {\n    margin-top: 12px !important;\n  }\n\n  \/* Shorter question rows *\/\n  #faq .ragopay-faq__question {\n    min-height: 0 !important;\n    padding: 14px 3px !important;\n    gap: 12px !important;\n\n    font-size: 14px !important;\n    line-height: 1.5 !important;\n    font-weight: 600 !important;\n  }\n\n  \/* Smaller plus icons *\/\n  #faq .ragopay-faq__toggle {\n    flex: 0 0 20px !important;\n    width: 20px !important;\n    height: 20px !important;\n    font-size: 21px !important;\n  }\n\n  \/* Answer spacing *\/\n  #faq .ragopay-faq__answer {\n    padding: 0 28px 18px 3px !important;\n  }\n\n  #faq .ragopay-faq__answer p {\n    font-size: 13px !important;\n    line-height: 1.75 !important;\n  }\n\n  \/* Smaller disclaimer *\/\n  #faq .ragopay-faq__note {\n    margin-top: 20px !important;\n    padding-top: 16px !important;\n    font-size: 11px !important;\n    line-height: 1.7 !important;\n  }\n\n}\n\n\/* View All Questions button *\/\n#faq .ragopay-faq__more {\n  display: none;\n  margin: 22px auto 0;\n  padding: 11px 23px;\n\n  border: 1px solid rgba(67,217,190,0.55);\n  border-radius: 999px;\n  background: transparent;\n  color: #86E0B1;\n\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n\n  transition: background 0.2s ease;\n}\n\n#faq .ragopay-faq__more:hover {\n  background: rgba(67,217,190,0.08);\n}\n\n@media screen and (max-width: 549px) {\n  #faq .ragopay-faq__more:not([hidden]) {\n    display: block;\n  }\n}\n\n#faq .ragopay-faq__more[hidden] {\n  display: none !important;\n}\n<\/style>\n\n<script>\n(function () {\n\n  const faq = document.getElementById('faq');\n  if (!faq || faq.dataset.mobileReady === 'true') {\n    return;\n  }\n\n  const list = faq.querySelector('.ragopay-faq__list');\n  if (!list) return;\n\n  const items = Array.from(\n    list.querySelectorAll('.ragopay-faq__item')\n  );\n\n  if (items.length <= 5) return;\n\n  faq.dataset.mobileReady = 'true';\n\n  const button = document.createElement('button');\n  button.type = 'button';\n  button.className = 'ragopay-faq__more';\n  button.textContent = 'View all questions';\n  button.setAttribute('aria-expanded', 'false');\n\n  list.insertAdjacentElement('afterend', button);\n\n  let expanded = false;\n\n  function updateFAQ() {\n    const mobile = window.matchMedia(\n      '(max-width: 549px)'\n    ).matches;\n\n    button.hidden = !mobile;\n\n    items.slice(5).forEach(function (item) {\n      item.style.display =\n        (!mobile || expanded) ? '' : 'none';\n    });\n\n    button.textContent = expanded\n      ? 'Show fewer questions'\n      : 'View all ' + items.length + ' questions';\n\n    button.setAttribute(\n      'aria-expanded',\n      String(expanded)\n    );\n  }\n\n  button.addEventListener('click', function () {\n    expanded = !expanded;\n    updateFAQ();\n  });\n\n  window.addEventListener('resize', updateFAQ);\n\n  \/* Contact navigation must reveal questions hidden on phones. *\/\n  faq.addEventListener('ragopay:show-contact-question', function () {\n    expanded = true;\n    updateFAQ();\n  });\n\n  updateFAQ();\n\n})();\n<\/script>\n\n\n<style>\n\/* =====================================\n   RAGOPAY FAQ \u2014 Compact Mobile Button\n===================================== *\/\n\n@media screen and (max-width: 549px) {\n\n  #faq .ragopay-faq__more {\n    display: block;\n    width: fit-content !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n    min-height: 40px !important;\n\n    margin: 18px auto 0 !important;\n    padding: 9px 18px !important;\n\n    background: transparent !important;\n    border: 1.5px solid #86E0B1 !important;\n    border-radius: 999px !important;\n\n    color: #86E0B1 !important;\n    font-family: inherit !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n    letter-spacing: 0.02em !important;\n    text-transform: uppercase !important;\n    text-align: center !important;\n    white-space: nowrap !important;\n\n    box-shadow: none !important;\n    cursor: pointer;\n    transition: all 0.2s ease;\n  }\n\n  #faq .ragopay-faq__more:hover {\n    background: rgba(134, 224, 177, 0.08) !important;\n    color: #9CE8BE !important;\n    border-color: #9CE8BE !important;\n  }\n\n  #faq .ragopay-faq__more[hidden] {\n    display: none !important;\n  }\n}\n<\/style>\n\n<!-- ================================================\n     RAGOPAY CONTACT NAVIGATION\n     Works with legacy #contact menu links as well.\n     Floating icon animation is handled by existing WPCode.\n================================================= -->\n<style>\n  #faq #faq-contact { scroll-margin-top: 116px; }\n  #faq .ragopay-contact-trigger {\n    color: #86E0B1 !important;\n    text-decoration: underline !important;\n    text-underline-offset: 3px;\n    cursor: pointer;\n  }\n  #faq .ragopay-contact-trigger:hover { color: #B8F5D3 !important; }\n  @media (max-width: 849px) {\n    #faq #faq-contact { scroll-margin-top: 90px; }\n  }\n<\/style>\n<script>\n(function () {\n  'use strict';\n\n  function getContactQuestion() {\n    return document.getElementById('faq-contact');\n  }\n\n  function showContactQuestion(animated) {\n    var target = getContactQuestion();\n    if (!target) return;\n\n    \/* On mobile, last FAQ is hidden by View all questions. *\/\n    var faqSection = document.getElementById('faq');\n    if (faqSection) {\n      faqSection.dispatchEvent(\n        new Event('ragopay:show-contact-question')\n      );\n    }\n\n    target.open = true;\n    var reduceMotion = window.matchMedia &&\n      window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    requestAnimationFrame(function () {\n      requestAnimationFrame(function () {\n        target.scrollIntoView({\n          behavior: animated && !reduceMotion ? 'smooth' : 'auto',\n          block: 'start'\n        });\n      });\n    });\n  }\n\n  function isHomepageLink(url) {\n    return url.origin === window.location.origin &&\n      url.pathname.replace(\/\/+$\/, '') ===\n      window.location.pathname.replace(\/\/+$\/, '');\n  }\n\n  function isMenuContact(link, url) {\n    if (!isHomepageLink(url)) return false;\n    if (url.hash === '#faq-contact') return true;\n    if (url.hash !== '#contact') return false;\n\n    \/* Exclude in-page FAQ answers and unrelated links. *\/\n    if (link.closest('#faq')) return false;\n    return link.textContent.trim().toLowerCase() === 'contact' ||\n      Boolean(link.closest('#header, .header-wrapper, header, nav, .mobile-sidebar, .off-canvas'));\n  }\n\n  \/* FAQ link highlights floating icons without scrolling to them. *\/\n  document.addEventListener('click', function (event) {\n    var trigger = event.target.closest &&\n      event.target.closest('.ragopay-contact-trigger');\n    if (trigger) event.preventDefault();\n  }, true);\n\n  \/* Capturing the click avoids theme's instant anchor jumping. *\/\n  document.addEventListener('click', function (event) {\n    var link = event.target.closest && event.target.closest('a[href]');\n    if (!link || !getContactQuestion()) return;\n    if (event.button !== 0 || event.ctrlKey || event.metaKey ||\n        event.shiftKey || event.altKey) return;\n    var url;\n    try { url = new URL(link.href, window.location.href); }\n    catch (error) { return; }\n    if (!isMenuContact(link, url)) return;\n\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    if (window.location.hash !== '#faq-contact') {\n      history.pushState(null, '', '#faq-contact');\n    }\n    showContactQuestion(true);\n  }, true);\n\n  \/* Make the menu's visible URL correct as well. *\/\n  function updateMenuLinks() {\n    document.querySelectorAll('a[href]').forEach(function (link) {\n      if (link.closest('#faq')) return;\n      var url;\n      try { url = new URL(link.href, window.location.href); }\n      catch (error) { return; }\n      if (isMenuContact(link, url) && url.hash === '#contact') {\n        link.setAttribute('href', '#faq-contact');\n      }\n    });\n  }\n\n  function init() {\n    updateMenuLinks();\n    if (location.hash === '#faq-contact' || location.hash === '#contact') {\n      showContactQuestion(false);\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init, {once:true});\n  } else {\n    init();\n  }\n\n  window.addEventListener('hashchange', function () {\n    if (location.hash === '#faq-contact' ||\n        location.hash === '#contact') {\n      showContactQuestion(false);\n    }\n  });\n})();\n<\/script>\n<style>\n\/* FAQ links: same mint color for Calculator and floating contact icons, including hover *\/\n#faq .ragopay-faq__answer a,\n#faq .ragopay-faq__answer a:link,\n#faq .ragopay-faq__answer a:visited,\n#faq .ragopay-faq__answer a:hover,\n#faq .ragopay-faq__answer a:focus,\n#faq .ragopay-faq__answer a:active {\n  color: #86E0B1 !important;\n  text-decoration: underline !important;\n  text-underline-offset: 3px;\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_421373388 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: #000509;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":108,"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/pages\/2\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/ragopay.com\/vi\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}