.rf-code-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:480px;transition:border-color .45s var(--ease),box-shadow .45s var(--ease);background:linear-gradient(160deg,#141e408c,#090e1db3);border-radius:22px;margin-inline:auto;padding:22px 26px;position:relative;overflow:hidden;box-shadow:0 24px 60px -30px #000000e6}@media (min-width:768px){.rf-code-card{margin-inline:0}}.rf-code-card:before{content:"";background:linear-gradient(90deg,#0000,#a0c8ff80,#0000);height:1px;position:absolute;inset:0 0 auto}.rf-code-card:hover{border-color:#5fa8ff52;box-shadow:0 28px 70px -28px #1b45f499}.rf-code-label{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);text-align:left;margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600}.rf-code-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.rf-code-value{letter-spacing:.14em;color:var(--text);text-shadow:0 0 26px #5fa8ff73;white-space:nowrap;text-overflow:ellipsis;font-family:Montserrat,sans-serif;font-size:clamp(22px,2.4vw,32px);font-weight:700;overflow:hidden}.rf-code-copy{flex:none}.rf-earned{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:56px;transition:border-color .4s var(--ease),background .4s var(--ease);background:#ffffff0a;border-radius:999px;align-items:center;gap:12px;padding:0 26px;font-family:Montserrat,sans-serif;display:inline-flex}.rf-earned:hover{background:#5fa8ff14;border-color:#5fa8ff59}.rf-earned-label{color:var(--muted);font-size:13px}.rf-earned-value{color:var(--glow);text-shadow:0 0 18px #5fa8ff99;font-size:20px;font-weight:700}.rf-reward-card{border:1px solid var(--line);text-align:center;background:linear-gradient(165deg,#10193899,#080c1acc);border-radius:24px;height:100%;padding:40px 32px;position:relative;overflow:hidden}.rf-reward-card:before{content:"";background:linear-gradient(90deg,#0000,#a0c8ff6b,#0000);height:1px;position:absolute;inset:0 0 auto}.rf-reward-value{letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-size:clamp(38px,4.6vw,62px);font-weight:700;line-height:1}.rf-reward-label{color:var(--text);margin-top:16px;font-family:Montserrat,sans-serif;font-size:17px;font-weight:600}.rf-reward-note{color:var(--muted);margin-top:8px;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.7}.rf-history{place-items:center;min-height:320px;padding:40px 24px;display:grid}.rf-history-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.rf-history-empty-title{color:var(--text);margin-top:10px;font-family:Montserrat,sans-serif;font-size:19px;font-weight:600}.rf-history-empty-desc{color:var(--muted);max-width:380px;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.75}.rf-history-list{flex-direction:column;align-self:stretch;gap:10px;width:100%;max-height:340px;display:flex;overflow-y:auto}.rf-history-row{border:1px solid var(--line);color:var(--text);transition:background .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);background:#ffffff08;border-radius:16px;align-items:center;gap:16px;padding:14px 18px;font-family:Montserrat,sans-serif;font-size:15px;display:flex}.rf-history-row:hover{background:#5fa8ff14;border-color:#5fa8ff4d;transform:translate(4px)}.rf-steps{grid-template-columns:1fr;place-items:stretch center;gap:26px;display:grid}@media (min-width:768px){.rf-steps{grid-template-columns:1fr auto 1fr auto 1fr;gap:20px}}.rf-step-wrap{width:100%;height:100%}.rf-step{text-align:center;flex-direction:column;align-items:center;height:100%;padding:40px 28px 34px;display:flex}.rf-step-no{color:#ffffff0d;transition:color .45s var(--ease);font-family:Montserrat,sans-serif;font-size:42px;font-weight:700;line-height:1;position:absolute;top:18px;right:24px}.fx-spot-card:hover .rf-step-no{color:#5fa8ff38}.rf-step-img{transition:transform .55s var(--ease-spring);place-items:center;margin-bottom:24px;display:grid;position:relative}.rf-step-img:after{content:"";filter:blur(18px);z-index:-1;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(circle,#1b45f457,#0000 68%);border-radius:50%;position:absolute;inset:-18%}.fx-spot-card:hover .rf-step-img{transform:translateY(-6px)scale(1.06)}.fx-spot-card:hover .rf-step-img:after{opacity:1}.rf-step-img img{width:clamp(92px,11vw,125px);height:auto}.rf-step-title{color:var(--text);margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:clamp(16px,1.4vw,20px);font-weight:600}.rf-step-desc{color:var(--muted);font-family:Montserrat,sans-serif;font-size:clamp(13px,1.05vw,15px);line-height:1.75}.rf-step-arrow{opacity:.7;place-items:center;display:grid}.rf-step-arrow img{width:clamp(40px,4vw,60px);height:auto;animation:rfArrowNudge 2.6s var(--ease) infinite}@media (max-width:767px){.rf-step-arrow{margin:4px 0;transform:rotate(90deg)}}@keyframes rfArrowNudge{0%,to{opacity:.55;transform:translate(0)}50%{opacity:1;transform:translate(8px)}}.rf-term-index{border:1px solid var(--line);width:34px;height:34px;color:var(--glow);transition:background .4s var(--ease),border-color .4s var(--ease);background:#1b45f424;border-radius:10px;flex:none;place-items:center;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;display:grid}.fx-faq-item.open .rf-term-index{background:linear-gradient(135deg, var(--blue), var(--glow));color:#fff;border-color:#0000;box-shadow:0 0 18px #3c87ff8c}.rf-term-list{flex-direction:column;gap:14px;padding-top:4px;display:flex}.rf-term-list li{align-items:flex-start;gap:12px;display:flex}.rf-term-no{color:var(--glow);flex:none;min-width:24px;font-weight:600}@media (prefers-reduced-motion:reduce){.rf-step-arrow img{animation:none!important}.rf-step-img,.rf-code-card,.rf-earned{transition:none!important;transform:none!important}}