/* Behfar expert cashback portal — Dana Light, RTL, responsive */
.bf{
 --bf-ink:#15192f;--bf-muted:#667085;--bf-blue:#2414a7;--bf-blue-deep:#130b69;--bf-teal:#63e3d0;
 --bf-line:#e8eaf2;--bf-surface:#f7f8fc;--bf-white:#fff;
 direction:rtl;isolation:isolate;position:relative;max-width:1180px;margin:clamp(22px,4vw,56px) auto;padding:clamp(16px,3vw,32px);
 color:var(--bf-ink);font-family:"Dana","Dana UI",sans-serif;font-size:16px;font-weight:300;line-height:1.9;
 -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
.bf,.bf *{box-sizing:border-box;font-family:"Dana","Dana UI",sans-serif;font-weight:300}
.bf h2,.bf h3,.bf h4,.bf p{margin-top:0}
.bf-info{overflow:hidden;border:1px solid rgba(22,25,54,.08);border-radius:28px;background:var(--bf-white);box-shadow:0 24px 80px rgba(20,23,55,.10)}
.bf-info-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);min-height:390px;align-items:center;overflow:hidden;padding:clamp(28px,6vw,76px);color:#fff;background:radial-gradient(ellipse at 76% 24%,rgba(99,227,208,.19),transparent 31%),linear-gradient(125deg,#10095f 0%,#21129b 54%,#3021bd 100%)}
.bf-info-hero:after{position:absolute;inset:auto -8% -64% 30%;height:86%;border:1px solid rgba(255,255,255,.10);border-radius:50%;content:"";transform:rotate(-16deg);pointer-events:none}
.bf-hero-copy{position:relative;z-index:2;max-width:620px}
.bf-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:7px 14px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:rgba(255,255,255,.08);color:#e4e2ff;font-size:13px;letter-spacing:.01em}
.bf-kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--bf-teal);box-shadow:0 0 0 5px rgba(99,227,208,.13)}
.bf-title{margin:0 0 17px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.27;letter-spacing:-.035em;font-weight:300}
.bf-title em{color:var(--bf-teal);font-style:normal}
.bf-lead{max-width:570px;margin:0 0 27px;color:rgba(255,255,255,.78);font-size:clamp(15px,1.5vw,18px);line-height:2}
.bf-cta{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:22px;padding:12px 22px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:#fff;color:var(--bf-blue-deep)!important;box-shadow:0 12px 30px rgba(0,0,0,.16);font-size:15px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.bf-cta:hover{transform:translateY(-3px);background:#e9fffb;box-shadow:0 17px 38px rgba(0,0,0,.22)}
.bf-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.bf-cta:hover svg{transform:translateX(-3px)}
.bf-cta-note{display:block;margin-top:13px;color:rgba(255,255,255,.61);font-size:12px}
.bf-hero-art{position:relative;display:grid;min-height:280px;place-items:center;color:#fff}
.bf-art-glow{position:absolute;width:min(24vw,280px);height:min(24vw,280px);min-width:190px;min-height:190px;border-radius:50%;background:radial-gradient(circle,rgba(99,227,208,.2),rgba(99,227,208,.04) 58%,transparent 72%);filter:blur(2px)}
.bf-art-ring{position:absolute;width:235px;height:235px;border:1px solid rgba(255,255,255,.17);border-radius:50%}.bf-ring-two{width:300px;height:300px;border-color:rgba(255,255,255,.09)}
.bf-faucet{position:relative;z-index:1;width:min(74%,290px);height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.24));color:#e7eaff}
.bf-art-chip{position:absolute;z-index:2;right:4%;bottom:11%;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);color:#fff;font-size:12px}
.bf-art-chip svg{width:17px;height:17px;fill:none;stroke:var(--bf-teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bf-process{padding:clamp(30px,5vw,58px) clamp(10px,2vw,22px) 30px}
.bf-section-heading{max-width:650px;margin:0 auto 29px;text-align:center}
.bf-overline{display:inline-block;margin-bottom:7px;color:var(--bf-blue);font-size:12px;letter-spacing:.08em}
.bf-section-heading h3{margin:0 0 7px;color:var(--bf-ink);font-size:clamp(23px,3vw,32px);line-height:1.5;font-weight:300}
.bf-section-heading p{margin:0;color:var(--bf-muted);font-size:14px}
.bf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.bf-step{position:relative;min-height:218px;padding:21px 20px 22px;border:1px solid var(--bf-line);border-radius:17px;background:linear-gradient(155deg,#fff 36%,#fafaff);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.bf-step:hover{transform:translateY(-5px);border-color:#c9c3f2;box-shadow:0 16px 36px rgba(35,23,134,.09)}
.bf-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.bf-step-icon{display:grid;width:51px;height:51px;place-items:center;border:1px solid #e2defc;border-radius:15px;background:#f3f1ff;color:var(--bf-blue)}
.bf-step-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.bf-step-number{color:#c8c9d6;font-size:13px;letter-spacing:.09em}
.bf-step h4{margin:0 0 6px;color:var(--bf-ink);font-size:16px;line-height:1.6}
.bf-step p{margin:0;color:var(--bf-muted);font-size:13px;line-height:1.9}
.bf-privacy{display:flex;align-items:center;gap:15px;margin:4px clamp(10px,2vw,22px) clamp(24px,4vw,42px);padding:17px 20px;border:1px solid #ddf3ef;border-radius:15px;background:linear-gradient(100deg,#f1fbf9,#f7f8ff)}
.bf-privacy-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:13px;background:#e1f8f3;color:#16816e}
.bf-privacy-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bf-privacy p{display:grid;gap:2px;margin:0}.bf-privacy strong{color:#25364b;font-size:13px;font-weight:300}.bf-privacy p span{color:#667085;font-size:12px;line-height:1.8}
.bf-alert{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:14px 18px;border:1px solid #bde9dc;border-radius:14px;background:#effcf7;color:#126347}
.bf-alert-mark{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:#d7f5e9}.bf-alert small{display:block;color:#457565;font-size:12px}
/* Registration, login and member dashboard */
.bf:not(.bf-info){max-width:940px;border:1px solid var(--bf-line);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(20,23,55,.08)}
.bf:not(.bf-info) h2{margin:0 0 8px;color:var(--bf-blue-deep);font-size:28px;line-height:1.5}
.bf:not(.bf-info) h3{margin:26px 0 10px;color:var(--bf-ink);font-size:19px}
.bf:not(.bf-info) p{color:var(--bf-muted)}
.bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.bf label{display:block;margin:10px 0;color:#384152;font-size:13px}
.bf input:not([type=checkbox]),.bf select,.bf textarea{display:block;width:100%;min-height:48px;margin-top:6px;padding:11px 13px;border:1px solid #dfe2eb;border-radius:10px;outline:0;background:#fbfcfe;color:var(--bf-ink);font:300 14px/1.6 "Dana","Dana UI",sans-serif;transition:border-color .2s,box-shadow .2s,background .2s}
.bf input:focus,.bf select:focus,.bf textarea:focus{border-color:#8477df;background:#fff;box-shadow:0 0 0 4px rgba(50,35,172,.1)}
.bf input[type=checkbox]{width:17px;height:17px;vertical-align:middle;accent-color:var(--bf-blue)}
.bf button{min-height:48px;padding:10px 23px;border:0;border-radius:10px;background:linear-gradient(120deg,#20118f,#3929cc);color:#fff;font:300 14px/1.6 "Dana","Dana UI",sans-serif;cursor:pointer;box-shadow:0 9px 22px rgba(36,20,167,.18);transition:transform .2s,box-shadow .2s}
.bf button:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(36,20,167,.25)}
.bf hr{height:1px;margin:25px 0;border:0;background:var(--bf-line)}
.bf-table{width:100%;margin-top:15px;border-collapse:collapse;font-size:13px}.bf-table th,.bf-table td{padding:12px 10px;border-bottom:1px solid var(--bf-line);text-align:right}.bf-table th{background:#f7f7fc;color:#4b5060}
.bf a:not(.bf-cta){color:var(--bf-blue);text-underline-offset:3px}
@media(max-width:860px){.bf-info-hero{grid-template-columns:minmax(0,1fr) 260px;padding:40px}.bf-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-step{min-height:195px}}
@media(max-width:620px){.bf{margin:18px auto;padding:11px;font-size:15px}.bf-info{border-radius:20px}.bf-info-hero{grid-template-columns:1fr;min-height:0;padding:31px 23px 20px}.bf-hero-art{min-height:210px;order:-1}.bf-faucet{width:190px}.bf-art-ring{width:175px;height:175px}.bf-ring-two{width:225px;height:225px}.bf-art-chip{right:9%;bottom:8%}.bf-title{font-size:39px}.bf-lead{font-size:14px}.bf-process{padding:33px 4px 20px}.bf-steps{gap:10px}.bf-step{min-height:0;padding:15px 13px}.bf-step-icon{width:43px;height:43px;border-radius:13px}.bf-step-icon svg{width:22px;height:22px}.bf-step h4{font-size:14px}.bf-step p{font-size:12px}.bf-privacy{margin:4px 4px 17px;padding:13px;align-items:flex-start}.bf-grid{grid-template-columns:1fr}.bf:not(.bf-info){padding:18px 15px}.bf:not(.bf-info) h2{font-size:23px}.bf-table{display:block;overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.bf *{scroll-behavior:auto!important;transition:none!important}}