#broker-selector-modal{position:fixed;inset:0;z-index:100500;display:none;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 0%,rgba(209,164,55,.16),transparent 38%),rgba(3,5,9,.96);backdrop-filter:blur(12px)}
#broker-selector-modal.visible{display:flex}.broker-selector-card{position:relative;width:min(1120px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(245,205,88,.48);border-radius:24px;padding:28px;background:radial-gradient(circle at 50% -20%,rgba(214,164,38,.14),transparent 42%),linear-gradient(145deg,rgba(24,27,29,.995),rgba(5,8,13,.995));box-shadow:0 35px 110px rgba(0,0,0,.72),0 0 55px rgba(204,151,29,.08),inset 0 1px rgba(255,255,255,.07)}
.broker-selector-head{text-align:center;margin-bottom:22px}.broker-selector-head h2{margin:0;color:#f5cf57;font-size:clamp(24px,3vw,38px);font-weight:900}.broker-selector-head p{margin:8px 0 0;color:#a7abb4;font-size:14px}.broker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}
.broker-card{position:relative;min-height:158px;padding:17px 12px 14px;border:1px solid rgba(180,190,210,.13);border-radius:17px;color:#f6f6f6;background:linear-gradient(155deg,rgba(22,27,37,.98),rgba(7,10,16,.99));cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform .18s,border-color .18s,box-shadow .18s}.broker-card:hover{transform:translateY(-4px);border-color:rgba(241,198,77,.72);box-shadow:0 15px 35px rgba(0,0,0,.44),0 0 20px rgba(223,174,48,.08)}.broker-card.locked{opacity:.76}.broker-card.access-denied{animation:brokerDenied .42s ease;border-color:rgba(255,86,86,.72);box-shadow:0 0 24px rgba(255,65,65,.2)}
.broker-logo-box{width:72px;height:72px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:transparent;box-shadow:0 8px 20px rgba(0,0,0,.3)}.broker-logo-box img{width:72px;height:72px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 7px 13px rgba(0,0,0,.42))}.broker-name{display:block;margin-top:10px;text-align:center;font-weight:850;font-size:13px;color:#e7e8eb}.broker-tier{display:block;margin:7px auto 0;width:fit-content;border-radius:999px;padding:3px 10px;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#17130a;background:linear-gradient(135deg,#f3d467,#b98720)}.broker-tier.free{color:#d9ffec;background:rgba(28,177,102,.24);border:1px solid rgba(70,225,143,.42)}.broker-tier.black{color:#ffe58e;background:#050608;border:1px solid rgba(240,202,85,.56)}.broker-lock{position:absolute;right:11px;top:10px;font-size:14px;filter:grayscale(.25)}
.broker-access-message{position:sticky;bottom:0;max-width:620px;margin:0 auto;max-height:0;overflow:hidden;opacity:0;text-align:center;color:#ffd9d9;background:rgba(82,16,21,.96);border:1px solid rgba(255,99,99,.4);border-radius:10px;font-size:12px;font-weight:800;transition:.25s}.broker-access-message.visible{max-height:80px;margin-top:16px;padding:11px 14px;opacity:1;box-shadow:0 10px 28px rgba(0,0,0,.35)}
@keyframes brokerDenied{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.broker-login-panel{display:none;width:min(430px,100%);margin:8px auto 0}.broker-login-panel.visible{display:block}.broker-login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.broker-login-brand img{width:110px;height:58px;object-fit:contain}.broker-login-brand strong{color:#f5cf57;font-size:20px}.broker-field{display:block;width:100%;box-sizing:border-box;margin:10px 0;padding:13px 14px;border-radius:9px;border:1px solid rgba(223,181,69,.28);background:#080b11;color:#fff}.broker-connect-btn,.broker-back-btn{width:100%;margin-top:10px;padding:13px;border-radius:9px;font-weight:900;cursor:pointer}.broker-connect-btn{border:0;background:linear-gradient(135deg,#f4d266,#bd851d);color:#161006}.broker-back-btn{border:1px solid rgba(255,255,255,.14);background:#11151d;color:#c9ccd3}.broker-login-note{color:#858b96;text-align:center;font-size:11px;line-height:1.5}@media(max-width:600px){.broker-selector-card{padding:18px 14px}.broker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.broker-card{min-height:132px}.broker-logo-box{height:58px}}