:root{--bg:#030812;--bg2:#071423;--panel:#0c1726;--line:#263a53;--text:#fff;--muted:#aab6c8;--red:#e31b23;--blue:#276cff;--green:#43df79;--orange:#ff8a00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#02070f,#071322 45%,#030812);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.85}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(1200px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(2,8,17,.95);backdrop-filter:blur(14px);border-bottom:1px solid #17273b}.nav{height:76px;display:flex;align-items:center;gap:22px}.logo{height:48px;margin-left:auto}.navlinks{display:flex;gap:19px;font-size:14px}.navlinks a:hover{color:#72a7ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:11px;border:1px solid #40516a;background:#0a1422;color:#fff;cursor:pointer}.btn.red{background:linear-gradient(135deg,#f12832,#b60813);border-color:#f02a34;box-shadow:0 10px 32px #e31b2340}.menu{display:none}.hero{padding:24px 0 0}.heroFrame{position:relative;border:1px solid #233751;border-radius:22px;overflow:hidden;background:#06101c;box-shadow:0 28px 90px #000a}.heroFrame picture,.heroFrame img{display:block;width:100%;height:auto}.heroActions{display:flex;justify-content:center;gap:14px;padding:22px;background:linear-gradient(180deg,#071422,#040b14)}.ticker{margin-top:18px;border:1px solid #253951;border-radius:16px;overflow:hidden;background:#07111d;min-height:74px}.tickerFallback{display:flex;align-items:center;gap:44px;white-space:nowrap;padding:22px;animation:marquee 25s linear infinite}.tickerFallback b{color:#44dd78}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(35%)}}.section{padding:72px 0}.section.alt{background:linear-gradient(180deg,rgba(12,26,45,.45),rgba(4,11,19,.1))}.title{text-align:center;font-size:32px;margin:0 0 8px}.subtitle{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 32px}.downloadBar{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #2a3e58;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#101b2b,#07111d)}.downloadItem{padding:20px 12px;text-align:center;border-left:1px solid #26384d;transition:.2s}.downloadItem:last-child{border-left:0}.downloadItem:hover{background:#142238;transform:translateY(-2px)}.downloadIcon{width:74px;height:74px;margin:0 auto 10px;border-radius:19px;object-fit:contain;background:#101722;padding:7px}.downloadItem h3{font-size:16px;margin:2px 0}.downloadItem small{color:#aab6c8}.banner{display:block;width:min(1200px,92%);margin:20px auto;border:1px solid #273a52;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #0008}.banner img{display:block;width:100%;height:auto}.why{display:grid;grid-template-columns:1fr 1fr;gap:18px 42px;margin:auto}.whyLine{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #1f3045;padding:12px 0}.whyIcon{font-size:22px}.accountBox{border:1px solid #2b405b;border-radius:20px;padding:24px;background:linear-gradient(145deg,#0e1b2c,#07111d)}.tabs{display:flex;gap:12px;margin-bottom:20px}.tab{flex:1}.tab.active{background:#173863;border-color:#5c8ed4}.panel{display:none}.panel.active{display:block}.notice{background:#101d2e;border:1px solid #304b6d;border-radius:12px;padding:14px;margin-bottom:14px;color:#dbe4ef}.warning{border-color:#80531b;background:#291b09;color:#ffe5af}.guide{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.shot{border:1px solid #293d57;border-radius:15px;padding:13px;background:#081321}.shot img{width:100%;display:block;border-radius:10px}.shot h3{font-size:16px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{padding:13px;border:1px solid #31465f;border-radius:10px;background:#06101c;color:#fff}.error{border-color:#ff3d48!important}.success{color:var(--green);margin-top:10px}.tracking{margin-top:22px;padding-top:22px;border-top:1px solid #293d54}.trackRow{display:flex;gap:10px}.trackRow input{flex:1;padding:13px;border-radius:10px;border:1px solid #31465f;background:#06101c;color:#fff}.result{margin-top:14px;padding:15px;border:1px solid #304c70;border-radius:12px;background:#071523}.faq details{border:1px solid #293d57;border-radius:13px;padding:15px;margin-bottom:10px;background:#091522}.faq summary{cursor:pointer;font-weight:700}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0}
.twoCol>.card{min-width:0}
.formGrid{min-width:0}
.field{min-width:0}.card{border:1px solid #293d57;border-radius:18px;padding:22px;background:linear-gradient(145deg,#0d192a,#07111d)}.risk{border:1px solid #63471f;background:#211709;color:#ffe0aa;border-radius:16px;padding:20px}.footer{padding:34px 0;border-top:1px solid #1c2d42;color:#9eabbc}.footerRow{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.adminLink{background:none;border:0;color:#8d9bad;opacity:.55;cursor:pointer}.modal{display:none;position:fixed;inset:0;z-index:90;background:#000d;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalBox{width:min(1100px,98%);max-height:92vh;overflow:auto;background:#071320;border:1px solid #34506f;border-radius:18px;padding:24px}.adminTable{width:100%;border-collapse:collapse;font-size:12px}.adminTable td,.adminTable th{padding:9px;border-bottom:1px solid #26384d;text-align:right;vertical-align:top}.adminInput{width:100%;padding:8px;background:#07111d;color:#fff;border:1px solid #34506b;border-radius:7px}.eduGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson{border:1px solid #2b4058;border-radius:18px;padding:22px;background:linear-gradient(145deg,#0e1b2c,#07111d)}.lesson h2{margin-top:0}.lesson details{border-top:1px solid #26384e;margin-top:12px;padding-top:10px}.sticky{display:none}.hidden{display:none!important}@media(max-width:900px){.navlinks{display:none}.menu{display:inline-flex}.nav.open .navlinks{display:flex;position:absolute;top:76px;right:0;left:0;background:#06111d;flex-direction:column;padding:18px}.hero{padding-top:10px}.heroFrame{border-radius:14px}.heroFrame img{object-fit:contain}.heroActions{flex-direction:column;padding:16px}.downloadBar{grid-template-columns:1fr}.downloadItem{display:grid;grid-template-columns:64px 1fr 60px;align-items:center;text-align:right;border-left:0;border-bottom:1px solid #26384d;padding:14px}.downloadIcon{width:58px;height:58px;margin:0}.downloadItem small{text-align:left}.why,.guide,.formGrid,.twoCol,.eduGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.tabs{flex-direction:column}.trackRow{flex-direction:column}.sticky{display:block;position:fixed;z-index:45;bottom:10px;right:14px;left:14px;text-align:center;padding:13px;border-radius:13px;background:linear-gradient(90deg,#276cff,#7a3be8);font-weight:700;box-shadow:0 10px 30px #000b}.footer{padding-bottom:85px}.banner{border-radius:12px}.banner img{min-height:110px;object-fit:cover}}@media(max-width:520px){.logo{height:42px}.title{font-size:27px}.nav{gap:10px}.btn{padding:11px 14px}}

.aboutGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start;margin:28px auto 0}
.aboutText{font-size:17px;color:#d8e1ec}
.aboutText p{margin:0 0 18px}
.aboutPoints{display:grid;gap:12px}
.aboutPoints>div{display:flex;flex-direction:column;gap:3px;padding:15px 17px;border-right:3px solid #e41c28;background:rgba(13,23,37,.7);border-radius:10px}
.aboutPoints b{color:#fff}
.aboutPoints span{color:#aeb9c9;font-size:14px}
@media(max-width:900px){.aboutGrid{grid-template-columns:1fr;gap:18px}.aboutText{font-size:15px}}

.aboutContact{margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.aboutContact a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #2b4059;border-radius:12px;background:rgba(8,18,31,.75);transition:.2s}
.aboutContact a:hover{transform:translateY(-2px);border-color:#5d7ea5;background:#0d1b2d}
.aboutContact span:last-child{display:flex;flex-direction:column;line-height:1.45}
.aboutContact b{color:#fff}
.aboutContact small{color:#aeb9c9;font-size:13px;direction:ltr;text-align:right}
.contactIcon{width:40px;height:40px;border-radius:10px;background:#e41c28;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex:0 0 40px}
@media(max-width:700px){.aboutContact{grid-template-columns:1fr}.aboutContact small{text-align:right}}

/* Hero نهایی تأییدشده */
.heroApproved{padding:18px 0 0}
.approvedHeroFrame{
  position:relative;
  overflow:hidden;
  border:1px solid #253950;
  border-radius:18px;
  background:#020812;
  box-shadow:0 28px 90px rgba(0,0,0,.72);
}
.approvedHeroFrame picture{display:block}
.approvedHeroFrame img{display:block;width:100%;height:auto}
.heroHotspot,.downloadHotspot{
  position:absolute;
  z-index:5;
  display:block;
  border-radius:12px;
  background:transparent;
}
.heroHotspot:focus-visible,.downloadHotspot:focus-visible{
  outline:3px solid #6d82ff;
  outline-offset:2px;
  background:rgba(80,100,255,.12);
}
.heroOpenAccount{left:4.5%;top:55.6%;width:18%;height:9.1%}
.heroAccountGuide{left:23.7%;top:55.6%;width:21%;height:9.1%}
.heroDownloads{position:absolute;left:4.5%;right:4.5%;bottom:3.2%;height:19.8%;z-index:4}
.downloadHotspot{top:0;height:100%;width:19.6%}
.downloadFxPro{left:0}
.downloadMT4{left:20.1%}
.downloadMT5{left:40.2%}
.downloadTV{left:60.3%}
.downloadCTrader{left:80.4%}
.approvedHeroFrame a:hover{background:rgba(255,255,255,.035)}
@media(max-width:900px){
  .heroApproved{padding-top:8px}
  .approvedHeroFrame{border-radius:12px}
  .approvedHeroFrame img{width:100%;height:auto;object-fit:contain}
  .heroOpenAccount{left:8%;top:44%;width:84%;height:8%}
  .heroAccountGuide{left:8%;top:56%;width:84%;height:8%}
  .heroDownloads{left:8%;right:8%;bottom:7%;height:20%}
}

/* اصلاح نهایی هدر و نمایش واکنش‌گرا */
.header{width:100%;isolation:isolate}
.nav{position:relative;min-width:0}
.logo{display:block;width:min(210px,24vw);height:auto;max-height:52px;object-fit:contain;flex:0 1 auto}
.navlinks{min-width:0;align-items:center;white-space:nowrap}
.menu{flex:0 0 auto}
.mobileHeroActions,.mobileDownloads{display:none}

@media (max-width:1100px){
  .nav{height:70px;gap:12px}
  .navlinks{gap:12px;font-size:13px}
  .logo{width:min(185px,22vw)}
}

@media (max-width:900px){
  .header{position:sticky}
  .nav{height:64px;justify-content:space-between}
  .logo{width:min(190px,55vw);max-height:44px;margin-left:0}
  .menu{display:inline-flex;width:46px;height:42px;padding:0;font-size:22px}
  .navlinks{display:none;position:absolute;top:64px;right:0;left:0;max-height:calc(100vh - 64px);overflow:auto;background:rgba(4,13,24,.99);border:1px solid #263a53;border-top:0;border-radius:0 0 14px 14px;flex-direction:column;align-items:stretch;padding:10px;gap:4px;box-shadow:0 18px 40px #000b}
  .nav.open .navlinks{display:flex}
  .navlinks a{padding:11px 13px;border-radius:9px}
  .navlinks a:hover{background:#101f33}

  .approvedHeroFrame picture{display:block;aspect-ratio:auto;overflow:visible}
  .approvedHeroFrame img{width:100%;height:auto;object-fit:contain;object-position:center top}
  .heroHotspot,.heroDownloads{display:none}
  .mobileHeroActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 10px 4px;background:#020812}
  .mobileHeroActions .btn{min-height:46px;padding:10px 8px;font-size:14px;text-align:center}
  .mobileDownloads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px 10px 14px;background:#020812}
  .mobileDownloads a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 3px;border:1px solid #233751;border-radius:11px;background:#071321;font-size:10px;line-height:1.25;text-align:center}
  .mobileDownloads img{width:42px;height:42px;object-fit:contain;display:block}
  .ticker{margin-top:12px;min-height:68px}
}

@media (max-width:520px){
  .wrap{width:min(100% - 20px,1200px)}
  .mobileHeroActions{grid-template-columns:1fr}
  .mobileDownloads{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobileDownloads a:nth-child(4),.mobileDownloads a:nth-child(5){grid-column:auto}
}

/* Mobile-only hero v4 — desktop rules above are intentionally untouched */
.mobileHeroVisual{display:none}
@media (max-width:900px){
  .approvedHeroFrame{
    background:#020812;
    overflow:hidden;
  }
  .approvedHeroFrame > picture{display:none!important}
  .mobileHeroVisual{
    display:block;
    width:100%;
    aspect-ratio:1080/545;
    min-height:210px;
    max-height:390px;
    background-image:
      linear-gradient(180deg,rgba(2,8,18,0) 72%,#020812 100%),
      url('assets/hero-mobile-bg-v4.webp');
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
  }
  .mobileHeroActions{
    position:relative;
    z-index:3;
    margin-top:-2px;
    padding:12px 12px 5px;
    background:#020812;
  }
  .mobileHeroActions .btn{
    border-radius:13px;
    min-height:50px;
    font-weight:700;
  }
  .mobileHeroActions .btn.red{
    background:linear-gradient(100deg,#246cff,#7437ed);
    border-color:#526fff;
    box-shadow:0 10px 28px rgba(59,79,255,.28);
  }
  .mobileDownloads{
    padding:13px 12px 16px;
    background:#020812;
  }
  .mobileDownloads a{
    min-height:102px;
    padding:10px 4px;
  }
  .mobileDownloads img{
    width:48px;
    height:48px;
  }
}
@media (max-width:520px){
  .mobileHeroVisual{
    aspect-ratio:1.46/1;
    min-height:235px;
    max-height:none;
    background-size:cover;
    background-position:center top;
  }
  .mobileHeroActions{grid-template-columns:1fr!important}
  .mobileDownloads{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mobileDownloads a{font-size:11px;min-height:100px}
}

/* RIRAVEX mobile downloads v5 — desktop intentionally unchanged */
@media (max-width:900px){
  .mobileDownloads{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    padding:14px 12px 18px!important;
    background:#020812!important;
  }
  .mobileDownloads a{
    grid-column:span 2;
    min-height:132px!important;
    padding:14px 8px!important;
    border:1px solid #29415f!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#0b1828,#06111d)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 12px 30px rgba(0,0,0,.22);
    font-size:14px!important;
    line-height:1.3!important;
    gap:9px!important;
  }
  .mobileDownloads a:nth-child(4){grid-column:2 / span 2}
  .mobileDownloads a:nth-child(5){grid-column:4 / span 2}
  .mobileDownloads img{
    width:78px!important;
    height:78px!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:17px!important;
    background:transparent!important;
  }
  .mobileDownloads span{font-size:14px!important;white-space:nowrap}
}
@media (max-width:430px){
  .mobileDownloads{gap:9px!important;padding-left:8px!important;padding-right:8px!important}
  .mobileDownloads a{min-height:116px!important;padding:11px 4px!important;border-radius:15px!important}
  .mobileDownloads img{width:68px!important;height:68px!important;border-radius:14px!important}
  .mobileDownloads span{font-size:12px!important}
}

/* Mobile final v6 — desktop layout is untouched */
.mobileBottomCta{display:none}
@media (max-width:900px){
  .mobileHeroVisual{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:853/630!important;
    background-image:url('assets/hero-mobile-final-v6.webp')!important;
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
  .mobileHeroActions{
    padding:14px 12px 6px!important;
    gap:12px!important;
  }
  .mobileHeroActions .btn{
    min-height:58px!important;
    border-radius:17px!important;
    font-size:18px!important;
  }
  .mobileDownloads{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    padding:16px 12px 18px!important;
  }
  .mobileDownloads a{
    grid-column:span 2!important;
    min-height:132px!important;
    border-radius:18px!important;
  }
  .mobileDownloads a:nth-child(4){grid-column:2 / span 2!important}
  .mobileDownloads a:nth-child(5){grid-column:4 / span 2!important}
  .mobileDownloads img{width:78px!important;height:78px!important}
  .mobileDownloads span{font-size:14px!important}
  .mobileBottomCta{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 12px 18px;
    min-height:64px;
    border-radius:18px;
    background:linear-gradient(100deg,#246cff,#7437ed);
    border:1px solid #526fff;
    color:#fff;
    font-size:20px;
    font-weight:700;
    box-shadow:0 10px 28px rgba(59,79,255,.28);
  }
}
@media (max-width:430px){
  .mobileHeroVisual{aspect-ratio:853/630!important}
  .mobileHeroActions .btn{font-size:17px!important;min-height:56px!important}
  .mobileDownloads{gap:9px!important;padding-left:8px!important;padding-right:8px!important}
  .mobileDownloads a{min-height:116px!important;padding:11px 4px!important;border-radius:15px!important}
  .mobileDownloads img{width:68px!important;height:68px!important;border-radius:14px!important}
  .mobileDownloads span{font-size:12px!important}
  .mobileBottomCta{margin-left:8px;margin-right:8px;font-size:18px}
}

/* Final approved mobile image with real clickable hotspots. Desktop is untouched. */
.mobileApprovedImage{display:none}
@media (max-width:900px){
  .approvedHeroFrame>picture,
  .mobileHeroVisual,
  .mobileHeroActions,
  .mobileDownloads,
  .mobileBottomCta,
  .heroHotspot,
  .heroDownloads{display:none!important}
  .approvedHeroFrame{padding:0!important;overflow:hidden!important;background:#020914!important;border-radius:0!important;border:0!important}
  .mobileApprovedImage{display:block;position:relative;width:100%;line-height:0;background:#020914}
  .mobileApprovedImage img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
  .mobileMap{position:absolute;display:block;z-index:5;border-radius:14px;-webkit-tap-highlight-color:transparent}
  .mapOpenTop{left:3.7%;top:44.85%;width:92.6%;height:6.75%}
  .mapGuide{left:3.7%;top:53.4%;width:92.6%;height:6.9%}
  .mapMT5{left:3.8%;top:62.1%;width:29.0%;height:13.9%}
  .mapMT4{left:35.0%;top:62.1%;width:29.5%;height:13.9%}
  .mapFxPro{left:66.8%;top:62.1%;width:29.4%;height:13.9%}
  .mapCTrader{left:16.9%;top:77.4%;width:31.0%;height:12.8%}
  .mapTradingView{left:50.0%;top:77.4%;width:32.8%;height:12.8%}
  .mapOpenBottom{left:3.7%;top:91.2%;width:92.6%;height:6.3%}
}


/* RIRAVEX v1.1 — content, SEO and registration steps. Header/hero rules unchanged. */
.registrationSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.registrationStep{position:relative;background:#071321;border:1px solid #29415f;border-radius:18px;padding:14px;overflow:hidden}
.registrationStep img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#fff;border-radius:12px}
.registrationStep h3{margin:14px 0 8px;font-size:18px;color:#fff}.registrationStep p{margin:0;line-height:2;color:#d8e3ef}
.stepNo{position:absolute;top:22px;right:22px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e3182d;color:#fff;font-weight:800;box-shadow:0 6px 20px #0006}
.stepTip{margin-top:12px;padding:10px 12px;border-radius:10px;background:#102a43;border-right:4px solid #3b82f6;color:#eaf3ff;line-height:1.8}.stepTip.danger{background:#37151b;border-color:#ef4444}
@media(max-width:760px){.registrationSteps{grid-template-columns:1fr;gap:14px}.registrationStep{padding:10px}.registrationStep h3{font-size:17px}.stepNo{top:18px;right:18px}}
/* RIRAVEX v1.3.3 fixes */
.ticker{background:#07162f!important;border-top:1px solid rgba(77,139,255,.22);border-bottom:1px solid rgba(77,139,255,.22);min-height:48px;overflow:hidden}
.tradingview-widget-container,.tradingview-widget-container__widget,#tvTicker{background:#07162f!important}
.hero a,.hero button,.desktopMap,.mobileMap{pointer-events:auto!important;position:absolute;z-index:8}
@media(min-width:901px){.heroVisual{position:relative}.heroVisual a{cursor:pointer}}
/* Desktop hero clickable hotspots — v1.3.3 */
.approvedHeroFrame{position:relative}
.desktopApprovedLinks{display:block;position:absolute;inset:0;z-index:9;pointer-events:none}
.desktopMap{display:block;position:absolute;pointer-events:auto!important;border-radius:12px;-webkit-tap-highlight-color:transparent}
.desktopOpen{left:12.1%;top:51.2%;width:14.2%;height:8.3%}
.desktopGuide{left:27.4%;top:51.2%;width:14.4%;height:8.3%}
.desktopMT4{left:12.7%;top:84.2%;width:14.8%;height:12.5%}
.desktopMT5{left:28.0%;top:84.2%;width:14.8%;height:12.5%}
.desktopCTrader{left:43.3%;top:84.2%;width:14.8%;height:12.5%}
.desktopTradingView{left:58.7%;top:84.2%;width:15.0%;height:12.5%}
.desktopFxPro{left:74.0%;top:84.2%;width:14.8%;height:12.5%}
@media(max-width:900px){.desktopApprovedLinks{display:none!important}}

/* RIRAVEX v1.3.4 — corrected desktop click maps and frozen UI */
@media(min-width:901px){
  .desktopMap{outline:none!important;box-shadow:none!important;background:transparent!important;border:0!important}
  .desktopMap:hover,.desktopMap:focus,.desktopMap:active{outline:none!important;box-shadow:none!important;background:transparent!important}
  .desktopOpen{left:4.55%!important;top:55.55%!important;width:17.85%!important;height:9.15%!important}
  .desktopGuide{left:23.75%!important;top:55.55%!important;width:20.55%!important;height:9.15%!important}
  .desktopFxPro{left:4.55%!important;top:73.2%!important;width:19.15%!important;height:20.2%!important}
  .desktopMT4{left:23.75%!important;top:73.2%!important;width:17.45%!important;height:20.2%!important}
  .desktopMT5{left:41.25%!important;top:73.2%!important;width:17.55%!important;height:20.2%!important}
  .desktopTradingView{left:58.85%!important;top:73.2%!important;width:17.45%!important;height:20.2%!important}
  .desktopCTrader{left:76.35%!important;top:73.2%!important;width:19.1%!important;height:20.2%!important}
}

/* RIRAVEX v1.4 — full-width responsive layout and Academy */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.wrap{width:calc(100% - 40px);max-width:1600px;margin-inline:auto}
.header .wrap{max-width:1600px}
.heroApproved>.wrap{width:calc(100% - 32px);max-width:1700px}
.banner{width:calc(100% - 32px);max-width:1700px}
.section>.wrap{max-width:1500px}
.approvedHeroFrame{width:100%}
.academyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.academyCard{display:flex;flex-direction:column;min-height:250px;padding:24px;border:1px solid #2b4058;border-radius:18px;background:linear-gradient(145deg,#0e1b2c,#07111d);transition:transform .2s,border-color .2s,box-shadow .2s}
.academyCard:hover{transform:translateY(-4px);border-color:#547fb7;box-shadow:0 20px 48px #0007}
.academyCard .academyTag{align-self:flex-start;padding:5px 10px;border-radius:999px;background:#153963;color:#9dc5ff;font-size:12px}
.academyCard h3{margin:16px 0 8px;font-size:21px;line-height:1.55}
.academyCard p{margin:0 0 18px;color:#b8c4d3;line-height:1.9}
.academyCard .academyLink{margin-top:auto;color:#75aaff;font-weight:700}
.articleShell{width:calc(100% - 32px);max-width:1100px;margin:42px auto 70px}
.articleHeader,.articleBody{border:1px solid #2b4058;background:linear-gradient(145deg,#0d192a,#07111d);border-radius:20px;padding:clamp(20px,4vw,42px)}
.articleHeader{margin-bottom:20px;text-align:center}
.articleHeader h1{font-size:clamp(28px,4vw,45px);line-height:1.5;margin:0 0 14px}
.articleLead{max-width:850px;margin:0 auto;color:#c5d1df;font-size:17px}
.articleMeta{margin-top:16px;color:#8fa1b5;font-size:13px}
.articleBody h2{margin:38px 0 12px;font-size:27px;color:#fff;scroll-margin-top:95px}
.articleBody h3{margin:28px 0 8px;font-size:21px}
.articleBody p,.articleBody li{color:#d4deea;line-height:2.05}
.articleBody img{display:block;width:100%;height:auto;border-radius:15px;border:1px solid #30465f;background:#fff;margin:18px 0}
.articleToc{padding:18px 22px;border:1px solid #345271;border-radius:14px;background:#081625}
.articleToc a{color:#8db8ff}
.articleCta{margin-top:38px;padding:24px;border-radius:17px;text-align:center;background:linear-gradient(135deg,#102c55,#311b63);border:1px solid #546ec0}
.breadcrumb{width:calc(100% - 32px);max-width:1100px;margin:24px auto 0;color:#91a3b7;font-size:13px}
@media(max-width:900px){
  .wrap,.heroApproved>.wrap,.banner,.articleShell,.breadcrumb{width:calc(100% - 16px)}
  .section{padding:54px 0}
  .academyGrid{grid-template-columns:1fr}
  .academyCard{min-height:0}
  .approvedHeroFrame{border-radius:10px}
  .articleHeader,.articleBody{border-radius:15px;padding:20px 16px}
}
@media(max-width:520px){
  .wrap,.heroApproved>.wrap,.banner,.articleShell,.breadcrumb{width:calc(100% - 10px)}
  .header .wrap{width:calc(100% - 16px)}
  .section{padding:44px 0}
  .title{font-size:25px}
  .academyCard{padding:19px 16px}
}

/* RIRAVEX v2.0 */
.wrap{width:calc(100% - 48px)!important;max-width:1680px!important}.heroApproved>.wrap{max-width:1760px!important}.banner{width:calc(100% - 48px)!important;max-width:1680px!important}.articleShell{width:calc(100% - 48px);max-width:1080px;margin:24px auto 72px;padding:34px;border:1px solid #293d57;border-radius:22px;background:linear-gradient(145deg,#0d192a,#07111d)}.articleShell h1{font-size:clamp(30px,4vw,48px);line-height:1.45;margin:10px 0}.articleShell h2{margin-top:38px}.articleShell p{color:#d7e0eb}.articleLead{font-size:19px}.articleNote{padding:14px;border:1px solid #77521f;background:#251908;color:#ffe3b0;border-radius:12px}.breadcrumb{width:calc(100% - 48px);max-width:1080px;margin:26px auto 0;color:#94a8bf;font-size:14px}.breadcrumb a{color:#81adff}.articleCta{margin-top:38px;padding:24px;border:1px solid #315079;border-radius:18px;background:#0a1a2d;text-align:center}.related{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.related a{padding:9px 13px;border:1px solid #314963;border-radius:999px;color:#bcd2ed}.academyFull{grid-template-columns:repeat(3,minmax(0,1fr))}.academyCard h2{font-size:20px}.academyCard.featured{grid-column:1/-1;background:linear-gradient(135deg,#11294c,#15172f)}.calcGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.calcCard{padding:24px;border:1px solid #2b4058;border-radius:18px;background:linear-gradient(145deg,#0e1b2c,#07111d)}.calcCard label{display:flex;flex-direction:column;gap:5px;margin:12px 0;color:#c8d4e3}.calcCard input{padding:12px;border:1px solid #31465f;border-radius:10px;background:#06101c;color:#fff}.calcCard output{display:block;margin-top:16px;padding:14px;border-radius:12px;background:#06101c;border:1px solid #2d4c72;font-size:18px;color:#72e49a}.navlinks a[href="academy.html"],.navlinks a[href="calculators.html"]{color:#dce9ff}@media(max-width:900px){.wrap,.heroApproved>.wrap,.banner,.articleShell,.breadcrumb{width:calc(100% - 16px)!important}.academyFull,.calcGrid{grid-template-columns:1fr}.articleShell{padding:20px}.section{padding:48px 0}.academyCard.featured{grid-column:auto}}@media(max-width:520px){.wrap,.heroApproved>.wrap,.banner,.articleShell,.breadcrumb{width:calc(100% - 10px)!important}.articleShell{padding:16px}.articleLead{font-size:16px}}


/* RIRAVEX v2.0.4 — approved mobile image, single active image menu; desktop unchanged */
.mobileImageNav{display:none}
@media(max-width:900px){
  .header{display:none!important}
  .heroApproved{padding-top:0!important}
  .heroApproved>.wrap{width:100%!important;max-width:none!important}
  .approvedHeroFrame{width:100%!important}
  .mobileApprovedImage img{width:100%!important;height:auto!important}
  .mapImageMenu{left:1.9%;top:1.65%;width:11.2%;height:7.4%;padding:0;border:0;background:transparent;cursor:pointer}
  .mobileImageNav{position:fixed;display:none;z-index:1000;top:74px;right:12px;left:12px;max-height:calc(100vh - 94px);overflow:auto;padding:12px;border:1px solid #324c70;border-radius:16px;background:rgba(4,13,26,.98);box-shadow:0 24px 70px #000c;line-height:1.5}
  .mobileImageNav.open{display:flex;flex-direction:column}
  .mobileImageNav a{display:block;padding:12px 14px;border-bottom:1px solid #1f334d;color:#fff;text-align:right;font-size:15px}
  .mobileImageNav a:last-child{border-bottom:0}
  .mapOpenTop{left:4.7%;top:46.7%;width:90.6%;height:6.6%}
  .mapGuide{left:4.7%;top:54.2%;width:90.6%;height:6.5%}
  .mapMT5{left:4.6%;top:62.3%;width:28.9%;height:13.9%}
  .mapMT4{left:35.6%;top:62.3%;width:28.8%;height:13.9%}
  .mapFxPro{left:66.4%;top:62.3%;width:28.9%;height:13.9%}
  .mapCTrader{left:18.3%;top:77.2%;width:30.3%;height:13.0%}
  .mapTradingView{left:51.1%;top:77.2%;width:30.3%;height:13.0%}
  .mapOpenBottom{display:none!important}
}

/* RIRAVEX v2.0.5 — robust mobile menu overlay; no shadow, no thin-line collapse */
@media(max-width:900px){
  body.mobile-menu-open{overflow:hidden!important}
  .mobileImageNav{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:none!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:18px 14px 24px!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:0!important;
    background:#030b17!important;
    box-shadow:none!important;
    opacity:1!important;
    transform:none!important;
    line-height:1.5!important;
  }
  .mobileImageNav.open{display:block!important}
  .mobileImageNavHead{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:58px!important;
    margin-bottom:12px!important;
    padding:8px 6px 14px!important;
    border-bottom:1px solid #29415f!important;
    color:#fff!important;
    font-size:18px!important;
  }
  .mobileImageNavClose{
    width:46px!important;
    height:46px!important;
    padding:0!important;
    border:1px solid #3c5f89!important;
    border-radius:12px!important;
    background:#09182b!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:32px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .mobileImageNavLinks{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .mobileImageNavLinks a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:52px!important;
    padding:12px 16px!important;
    border:1px solid #263f5e!important;
    border-radius:12px!important;
    background:#081528!important;
    color:#fff!important;
    box-shadow:none!important;
    text-align:right!important;
    font-size:16px!important;
    white-space:normal!important;
  }
  .mobileImageNavLinks a:active{background:#102541!important}
  .mapImageMenu{box-shadow:none!important;outline:none!important}
}

/* RIRAVEX v2.1 FINAL — isolated mobile navigation, viewport-safe */
@media (max-width:900px){
  html.mobile-menu-open,body.mobile-menu-open{overflow:hidden!important;overscroll-behavior:none!important}
  #mobileImageNav.mobileImageNav{
    direction:rtl!important;
    box-sizing:border-box!important;
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    z-index:2147483646!important;
    display:none!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:100vh!important;min-height:100dvh!important;max-height:none!important;
    margin:0!important;
    padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    border:0!important;border-radius:0!important;
    background:#030b17!important;
    box-shadow:none!important;
    opacity:1!important;visibility:visible!important;
    transform:none!important;translate:none!important;
    text-align:right!important;
    isolation:isolate!important;
  }
  #mobileImageNav.mobileImageNav.open{display:flex!important;flex-direction:column!important}
  #mobileImageNav .mobileImageNavHead{
    box-sizing:border-box!important;
    direction:rtl!important;
    display:flex!important;flex:0 0 auto!important;
    align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-width:0!important;min-height:64px!important;
    margin:0 0 14px!important;padding:0 0 14px!important;
    border:0!important;border-bottom:1px solid #29415f!important;
    color:#fff!important;background:transparent!important;box-shadow:none!important;
  }
  #mobileImageNav .mobileImageNavHead strong{
    display:block!important;min-width:0!important;margin:0!important;padding:0!important;
    color:#fff!important;font:700 20px/1.4 Arial,Tahoma,sans-serif!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  }
  #mobileImageNav .mobileImageNavClose{
    box-sizing:border-box!important;display:grid!important;place-items:center!important;flex:0 0 48px!important;
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;
    margin:0!important;padding:0 0 4px!important;
    border:1px solid #3c5f89!important;border-radius:12px!important;
    background:#09182b!important;color:#fff!important;box-shadow:none!important;outline:0!important;
    font:400 34px/1 Arial,sans-serif!important;cursor:pointer!important;appearance:none!important;
  }
  #mobileImageNav .mobileImageNavLinks{
    box-sizing:border-box!important;direction:rtl!important;
    display:flex!important;flex:1 0 auto!important;flex-direction:column!important;
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important;gap:9px!important;
  }
  #mobileImageNav .mobileImageNavLinks a{
    box-sizing:border-box!important;direction:rtl!important;
    display:flex!important;position:static!important;float:none!important;
    align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;max-width:none!important;min-height:52px!important;
    margin:0!important;padding:12px 16px!important;
    border:1px solid #263f5e!important;border-radius:12px!important;
    background:#081528!important;color:#fff!important;box-shadow:none!important;filter:none!important;
    text-align:right!important;text-decoration:none!important;
    font:500 16px/1.6 Arial,Tahoma,sans-serif!important;
    white-space:normal!important;overflow:visible!important;transform:none!important;
  }
  #mobileImageNav .mobileImageNavLinks a:hover,
  #mobileImageNav .mobileImageNavLinks a:focus-visible{background:#102541!important;outline:2px solid #356dad!important;outline-offset:1px!important}
  #mobileImageNav .mobileImageNavLinks a:active{background:#132d4d!important;transform:none!important}
}