.gateway-switch-slot{margin-top:14px}.gateway-switch-button{width:100%;min-height:44px;padding:9px 14px;border:1px solid rgba(113,160,244,.42);border-radius:9px;background:linear-gradient(135deg,rgba(33,69,132,.92),rgba(22,48,91,.95));color:#eef5ff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:.2s}.gateway-switch-button:hover{transform:translateY(-2px);border-color:#7ba8ff;background:linear-gradient(135deg,#2859b6,#4d84ff)}.gateway-switch-button:before{content:"↔";margin-inline-end:8px;color:#9fc0ff}.gateway-overlay{position:fixed;z-index:10000;inset:0;display:flex;align-items:stretch;justify-content:flex-end;background:rgba(1,6,17,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.gateway-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.gateway-drawer{position:relative;width:min(50vw,720px);height:100%;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;border-right:1px solid rgba(111,159,246,.34);background:radial-gradient(circle at 12% 0,rgba(77,132,255,.24),transparent 30%),linear-gradient(155deg,#0b2145,#06152e 58%,#030d20);box-shadow:25px 0 90px rgba(0,0,0,.55);transform:translateX(-45px);transition:transform .35s cubic-bezier(.2,.78,.22,1);overflow:auto}.gateway-overlay.open .gateway-drawer{transform:none}.gateway-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid rgba(111,159,246,.18)}.gateway-drawer-kicker{color:#8fb5ff;font-size:10px;font-weight:900}.gateway-drawer h2{margin:8px 0 7px;color:#fff;font-size:clamp(25px,3vw,40px);line-height:1.15}.gateway-drawer-head p{margin:0;color:#94a9cc;font-size:12px;line-height:1.7}.gateway-close{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.04);color:#dce7fb;font-size:21px;cursor:pointer}.gateway-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:auto 0}.gateway-option{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(112,160,244,.23);border-radius:18px;background:linear-gradient(145deg,rgba(16,39,78,.94),rgba(7,21,45,.97));box-shadow:0 18px 42px rgba(0,0,0,.23)}.gateway-option:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#4d84ff,#2bd9ff)}.gateway-option.owner:before{background:linear-gradient(90deg,#906dff,#4d84ff)}.gateway-option.admin:before{background:linear-gradient(90deg,#ffd166,#4d84ff)}.gateway-option-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(132,178,255,.33);border-radius:13px;background:rgba(77,132,255,.12);color:#c8dcff;font-size:17px;font-weight:950}.gateway-option h3{margin:16px 0 7px;color:#fff;font-size:17px}.gateway-option p{min-height:48px;margin:0;color:#91a7cb;font-size:10px;line-height:1.7}.gateway-option-actions{display:grid;gap:7px;margin-top:18px}.gateway-option-link{min-height:39px;padding:8px 11px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(116,162,242,.34);border-radius:9px;background:rgba(77,132,255,.09);color:#dce8ff;text-decoration:none;font-size:10px;font-weight:900}.gateway-option-link.primary{border-color:#78a5ff;background:linear-gradient(135deg,#3268d1,#4d84ff);color:#fff}.gateway-drawer-foot{padding-top:17px;border-top:1px solid rgba(111,159,246,.16);color:#7189b0;font-size:9px}.gateway-modal-open{overflow:hidden!important}
@media(max-width:900px){.gateway-drawer{width:min(78vw,680px)}.gateway-options{grid-template-columns:1fr}}@media(max-width:600px){.gateway-drawer{width:100%;padding:20px}.gateway-options{margin:24px 0}.gateway-option p{min-height:0}}

.gateway-public-market{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:12px 14px;border:1px solid rgba(53,211,161,.38);border-radius:10px;background:linear-gradient(135deg,rgba(15,103,81,.3),rgba(31,69,126,.48));color:#fff;text-decoration:none;transition:.2s}.gateway-public-market:hover{transform:translateY(-2px);border-color:#56ddb3}.gateway-public-market b,.gateway-public-market span{display:block}.gateway-public-market b{font-size:11px}.gateway-public-market span{color:#a9bfdc;font-size:9px}.gateway-option-link.market{border-color:rgba(55,211,163,.4);background:rgba(26,145,111,.12);color:#9cf0d2}
/* Centered translucent gateway chooser */
.gateway-overlay{align-items:center;justify-content:center;padding:22px;background:rgba(2,8,20,.24);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.gateway-drawer{width:min(780px,calc(100vw - 44px));height:auto;max-height:88vh;padding:clamp(24px,4vw,42px);border:1px solid rgba(130,176,255,.38);border-radius:24px;background:linear-gradient(145deg,rgba(11,33,70,.9),rgba(5,18,42,.86));box-shadow:0 32px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07);transform:translateY(24px) scale(.96);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.gateway-overlay.open .gateway-drawer{transform:translateY(0) scale(1)}
@media(max-width:600px){.gateway-overlay{padding:12px}.gateway-drawer{width:100%;max-height:92vh;padding:20px;border-radius:19px}.gateway-options{margin:22px 0}}

/* Display all three login portals together */
.gateway-drawer{width:min(1080px,calc(100vw - 44px))}
.gateway-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;margin:28px 0}
.gateway-option{display:flex;flex-direction:column;min-width:0}
.gateway-option-actions{margin-top:auto}
@media(max-width:1000px){.gateway-drawer{width:min(760px,calc(100vw - 32px))}.gateway-options{grid-template-columns:1fr}}
/* Context help for each login portal */
.gateway-option-help{position:absolute;top:15px;left:15px;z-index:4;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(159,192,255,.52);border-radius:50%;background:rgba(6,21,46,.88);color:#dceaff;font-family:inherit;font-size:15px;font-weight:950;line-height:1;cursor:help;box-shadow:0 8px 20px rgba(0,0,0,.24);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.gateway-option-help:hover,.gateway-option-help:focus-visible{transform:translateY(-2px) scale(1.08);border-color:#9fc0ff;background:#315fae;outline:none}
.gateway-option-tooltip{position:absolute;z-index:6;top:51px;left:14px;width:min(290px,calc(100% - 28px));padding:14px;border:1px solid rgba(134,178,255,.42);border-radius:13px;background:rgba(3,14,34,.97);color:#c7d8f3;box-shadow:0 18px 42px rgba(0,0,0,.42);font-size:10px;line-height:1.8;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.97);transform-origin:top left;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.gateway-option-tooltip b,.gateway-option-tooltip span{display:block}.gateway-option-tooltip b{margin-bottom:4px;color:#fff;font-size:11px}
.gateway-option-help:hover+.gateway-option-tooltip,.gateway-option-help:focus+.gateway-option-tooltip,.gateway-option-help:focus-visible+.gateway-option-tooltip{opacity:1;visibility:visible;transform:none}
@media(max-width:600px){.gateway-option-tooltip{position:relative;top:auto;left:auto;width:100%;margin:12px 0 2px;display:none;opacity:1;visibility:visible;transform:none}.gateway-option-help:focus+.gateway-option-tooltip,.gateway-option-help:focus-visible+.gateway-option-tooltip{display:block}}