/* AXIS FX MT5 read-only Broker Hub — accessible, responsive black/gold design. */
.mt5-section{background:radial-gradient(circle at 88% 0%,rgba(196,138,40,.13),transparent 36%),linear-gradient(140deg,#0b1011,#080b0c 64%);min-height:75vh;color:#e8e6df;}
.mt5-section .container{max-width:1420px;}
.mt5-eyebrow{display:flex;gap:12px;align-items:center;letter-spacing:2.6px;color:#daba7b;font-size:11px;font-weight:800;margin-bottom:16px;}
.mt5-eyebrow > span:last-child{margin-left:auto;font-size:10px;color:#7ac5b5;letter-spacing:1.4px;}
.mt5-pulse{width:8px;height:8px;border-radius:50%;background:#d9b66c;box-shadow:0 0 16px #e9b959a1;}
.mt5-hero{position:relative;display:grid;grid-template-columns:1.45fr .85fr;gap:30px;align-items:center;padding:35px clamp(20px,4vw,55px);border:1px solid #a7834652;border-radius:27px;background:linear-gradient(117deg,#151a19,#0b0f10 59%,#232016);box-shadow:inset 0 1px #ffd78a24,0 22px 60px #0007;overflow:hidden;}
.mt5-hero::before{position:absolute;content:'MT5';font-family:Outfit,sans-serif;font-size:clamp(100px,19vw,280px);font-weight:900;color:#ffffff05;top:-55px;left:33%;pointer-events:none;}
.mt5-hero-copy{position:relative;z-index:1}.mt5-hero h2{line-height:1.09;font-size:clamp(2rem,4.6vw,4.05rem);margin:10px 0 18px;color:#f9f5eb;letter-spacing:-.05em}.mt5-hero h2 span{color:#f3c775}.mt5-hero p{color:#c4c4bd;line-height:1.72;max-width:61ch}.mt5-hero strong{color:#f7dec0}.mt5-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;}
.mt5-gold,.mt5-outline{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:13px 16px;font-size:12px;letter-spacing:.03em;font-weight:800;line-height:1.2;min-height:44px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s;}
.mt5-gold{border:1px solid #fce0a0;background:linear-gradient(125deg,#ffdf8b,#d49b37);color:#11100c!important;box-shadow:0 9px 25px #c99c2838;}.mt5-outline{background:rgba(255,255,255,.035);color:#f2d59e!important;border:1px solid #b58e4a;}.mt5-gold:hover,.mt5-outline:hover{transform:translateY(-2px)}.mt5-gold:focus-visible,.mt5-outline:focus-visible,.mt5-broker button:focus-visible,.mt5-broker a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mt5-monitor{min-height:265px;position:relative;z-index:1;display:flex;flex-direction:column;padding:24px;border:1px solid #9a743a5a;border-radius:22px;background:linear-gradient(145deg,#1e2525,#101616 70%);transform:perspective(850px) rotateY(-8deg) rotateX(3deg);box-shadow:25px 22px 30px #0008,inset 0 1px #ffffff15;}
.mt5-monitor-top,.mt5-monitor-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.1em;color:#d3b781;}.mt5-monitor-top b{color:#fff;font-size:17px}.mt5-monitor-top em{color:#f4c96c}.mt5-monitor-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin:22px 0;padding:20px;border:1px solid #314237;border-radius:13px;background:radial-gradient(ellipse at center,#18332b,#101618 70%);}.mt5-monitor-screen > span,.mt5-monitor-screen > strong{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#c7e7d5}.mt5-wire{width:100%;display:flex;align-items:center;gap:8px;font-size:29px;color:#f4c46e}.mt5-wire-line{height:2px;flex:1;background:repeating-linear-gradient(to right,#f5ce81 0 12px,transparent 12px 20px)}.mt5-monitor-foot{font-size:9px;flex-wrap:wrap;}.mt5-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:19px 0 36px;}.mt5-stats > div{padding:21px 20px;background:#121919;border:1px solid #6c542e48;border-radius:15px;min-width:0;}.mt5-stats span,.mt5-stats small{display:block;font-size:10px;letter-spacing:1.1px;color:#9faaa6}.mt5-stats strong{display:block;font-size:clamp(15px,1.7vw,23px);color:#f4d194;margin:8px 0;overflow-wrap:anywhere}.mt5-stats small{letter-spacing:0;line-height:1.4}
.mt5-grid-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(315px,.75fr);gap:18px;align-items:start;}.mt5-directory,.mt5-connection,.mt5-account-panel,.mt5-next{border:1px solid #75603c54;border-radius:21px;padding:clamp(17px,2.2vw,27px);background:linear-gradient(150deg,#141b1b,#0e1314);box-shadow:0 20px 45px #0005;min-width:0;}
.mt5-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;}.mt5-section-head span{font-size:10px;letter-spacing:1.8px;color:#c6a76f;}.mt5-section-head h3{font-size:clamp(20px,2vw,26px);color:#f7edd6;margin:7px 0 0;line-height:1.2;}.mt5-search-label{max-width:205px;width:100%}.mt5-search-label input{padding:12px 13px;background:#0b1111;border:1px solid #80673979;color:#fff;border-radius:10px;width:100%;min-height:44px;outline-offset:2px;}.mt5-brokers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.mt5-broker{border:1px solid #6756347a;border-radius:17px;padding:19px;background:linear-gradient(150deg,#1c2424,#101515);display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s;}.mt5-broker:hover{transform:translateY(-3px);border-color:#b99a5f;}.mt5-broker.is-selected{border-color:#eac778;box-shadow:inset 0 0 0 1px #e9bc5940,0 0 18px #daaf3130;}.mt5-broker[hidden]{display:none!important}.mt5-broker-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.mt5-broker-glyph{font-size:31px;font-weight:800;color:#b89656;letter-spacing:-.1em}.mt5-broker-tag{font-size:9px;letter-spacing:1px;color:#b3bfb7;border:1px solid #627360;padding:5px 8px;border-radius:6px}.mt5-broker h3{font-size:21px;color:#f6e6cb;margin:11px 0 4px}.mt5-broker p{color:#a8b2aa;line-height:1.45;font-size:12px;flex:1;margin-bottom:20px}.mt5-broker-actions{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.mt5-broker-actions>*{min-height:41px;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:800;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;white-space:nowrap}.mt5-broker-actions button{background:#d4a54f;border:1px solid #e2bf7c;color:#101111}.mt5-broker-actions a{border:1px solid #9c7e4c;color:#edc67e;background:#0f1718}.mt5-footnote{color:#aeb5af;font-size:11px;line-height:1.7;margin:18px 2px 0}.mt5-footnote strong{color:#edcca0}
.mt5-security-icon{color:#e7ba64;font-size:27px}.mt5-selected{display:flex;flex-direction:column;gap:5px;background:#101716;border:1px solid #776242a3;padding:15px;border-radius:12px}.mt5-selected>span{font-size:10px;letter-spacing:1.4px;color:#aeb4ad}.mt5-selected strong{font-size:25px;color:#f3c977}.mt5-selected small{font-size:11px;color:#aeb5af;line-height:1.5}.mt5-steps{margin:18px 0;padding:0;list-style:none;counter-reset:mt5}.mt5-steps li{counter-increment:mt5;position:relative;padding:0 0 19px 37px;border-left:1px solid #68583e;margin-left:12px}.mt5-steps li:last-child{border-left-color:transparent}.mt5-steps li:before{content:counter(mt5);position:absolute;left:-15px;top:0;background:#cfad6c;color:#111;font-size:12px;font-weight:900;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center}.mt5-steps b{display:block;color:#f0e6cf;font-size:13px}.mt5-steps span{display:block;color:#abb5ac;font-size:12px;line-height:1.55;margin-top:4px}.mt5-connection-actions{display:flex;flex-wrap:wrap;gap:8px}.mt5-connection-actions>*{flex:1 1 135px}.mt5-connection-actions button{font-family:inherit;}.mt5-message{min-height:53px;background:#101c1c;border:1px solid #3d6460;color:#bfe2d4;padding:13px;border-radius:10px;line-height:1.5;font-size:12px;margin:17px 0;}.mt5-token-panel{border:1px solid #d9ad6b;border-radius:10px;padding:15px;margin-top:15px;background:#191713}.mt5-token-panel[hidden]{display:none}.mt5-token-panel>div{font-size:11px;color:#f8d59c;letter-spacing:1.2px;font-weight:700}.mt5-token-panel code{display:block;overflow-wrap:anywhere;word-break:break-all;padding:11px 0;color:#fff;font-size:12px;}.mt5-token-panel button{border:1px solid #ad8d50;border-radius:7px;color:#eacb87;background:#161b1b;padding:8px 13px;cursor:pointer}.mt5-token-panel small{display:block;margin-top:12px;font-size:11px;color:#c8c4b8;line-height:1.5}.mt5-demo,.mt5-disconnect{display:block;margin-top:9px;border:1px solid #756447;border-radius:9px;padding:12px 13px;background:transparent;color:#eac47e;font-size:11px;font-weight:800;cursor:pointer;width:100%;}.mt5-disconnect{color:#d79f9f;border-color:#624141}.mt5-demo:hover,.mt5-disconnect:hover{background:#25231e}.mt5-privacy{border-top:1px solid #6f55355e;margin-top:15px;padding-top:14px;color:#abc9ac;font-size:11px;line-height:1.75}
.mt5-account-panel{margin-top:18px}.mt5-snapshot-badge{font-size:10px;letter-spacing:1px;border:1px solid #716348;border-radius:99px;padding:8px 12px;color:#ddd0ab;white-space:nowrap}.mt5-account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.mt5-account-summary>div{background:#0d1414;border:1px solid #715b3888;padding:19px;border-radius:12px;min-width:0}.mt5-account-summary span{display:block;font-size:10px;color:#a7b3aa;letter-spacing:1.3px}.mt5-account-summary strong{display:block;font-size:clamp(18px,2.5vw,30px);margin-top:10px;color:#f3cd8d;overflow-wrap:anywhere}.mt5-account-meta{padding:17px 3px;color:#aeb9b1;font-size:12px;line-height:1.6}.mt5-table-scroll{overflow-x:auto}.mt5-table{border-collapse:collapse;width:100%;min-width:660px;font-size:12px}.mt5-table th{font-size:10px;color:#c3a66c;letter-spacing:1px;text-align:left;padding:15px 12px;border-bottom:1px solid #786341}.mt5-table td{padding:14px 12px;border-bottom:1px solid #36413b;color:#e7e8da}.mt5-position-buy{color:#5fd0a7!important}.mt5-position-sell{color:#ffb19c!important}.mt5-next{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mt5-next span{letter-spacing:1.6px;font-size:10px;color:#d8b779}.mt5-next h3{color:#f2e7d6;margin:8px 0}.mt5-next p{color:#aeb7ac;line-height:1.6;max-width:85ch}.mt5-next a{display:inline-flex;flex:0 0 auto;border:1px solid #bf974b;padding:13px 17px;border-radius:10px;color:#f6d896;font-size:11px;font-weight:800}.mt5-next a:hover{background:#262821}
@media(max-width:1120px){.mt5-hero{grid-template-columns:1fr .85fr}.mt5-grid-layout{grid-template-columns:1fr}.mt5-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.mt5-hero{grid-template-columns:1fr;padding:24px 18px}.mt5-monitor{transform:none;min-height:215px}.mt5-brokers-grid{grid-template-columns:1fr}.mt5-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mt5-next{flex-direction:column;align-items:stretch;}.mt5-section-head{align-items:flex-start;flex-wrap:wrap}.mt5-section-head .mt5-search-label{max-width:100%;width:100%;}.mt5-hero-actions>*{flex:1 1 165px;}}@media(max-width:390px){.mt5-stats{grid-template-columns:1fr 1fr}.mt5-stats > div{padding:14px 12px}.mt5-stats strong{font-size:16px}.mt5-account-summary>div{padding:13px 12px}.mt5-account-summary strong{font-size:17px}.mt5-stats small{font-size:9px}.mt5-hero h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.mt5-broker,.mt5-gold,.mt5-outline{transition:none}}

/* 20-broker directory filters */
.mt5-filter-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 18px}
.mt5-filter-buttons{display:flex;gap:7px;flex-wrap:wrap}
.mt5-filter{padding:9px 12px;border:1px solid #74613e;border-radius:999px;background:#121a19;color:#d4ccb8;cursor:pointer;font-weight:700;font-size:12px;min-height:40px}
.mt5-filter.is-active{border-color:#e8be6b;background:#332819;color:#ffdda1}
.mt5-filter:focus-visible{outline:2px solid #fff;outline-offset:2px}
#mt5VisibleCount{font-size:11px;color:#aebbb3}
.mt5-broker-tag-new{border-color:#ca9854;color:#f0cf87;background:#43321d52}
.mt5-no-results{padding:18px;text-align:center;color:#cfc2a9;border:1px dashed #675634;border-radius:12px}
.mt5-no-results[hidden]{display:none}
@media(max-width:380px){.mt5-filter-row{align-items:flex-start;flex-direction:column}}