/* Account-access dialog only. The panel and website background are unchanged. */
#pnlGate { padding:24px;background:#05080cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); }
#pnlGate,#pnlGate * { box-sizing:border-box;letter-spacing:0; }
#pnlGate .pnl-gate__box { width:100%;max-width:580px;max-height:calc(100dvh - 48px);margin:0;padding:0;overflow:auto;overscroll-behavior:contain;text-align:left;background:#151b21;border:1px solid #45505b;border-radius:8px;box-shadow:0 24px 88px #0009;color:#eef2f5;font-family:Inter,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:#52606c #151b21; }
#pnlGate .pnl-gate__box:focus { outline:none; }
#pnlGate .pnl-gate__masthead { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#11171d; }
#pnlGate .pnl-gate__brand { font:650 14px/20px Inter,system-ui,sans-serif;color:#f0f3f6; }
#pnlGate .pnl-gate__language { gap:2px;padding:2px;border-color:#48535e;border-radius:5px;background:#1b232b; }
#pnlGate .pnl-gate__language button { min-width:38px;min-height:34px;padding:6px 8px;border-radius:3px;font:600 11px/18px Inter,system-ui,sans-serif;color:#afbcc7; }
#pnlGate .pnl-gate__language button[aria-pressed=true] { color:#fff;background:#35414b;border-color:#64727e; }
#pnlGate .pnl-gate__language button:hover { color:#fff;background:#414d58; }
#pnlGate .pnl-gate__visual { position:relative;height:174px;overflow:hidden;background:#090f16; }
#pnlGate .pnl-gate__art { display:block;width:100%;height:100%;object-fit:cover;object-position:50% 57%; }
#pnlGate .pnl-gate__visual::after { content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -44px 40px -26px #151b21,inset 0 18px 32px -24px #000; }
#pnlGate .pnl-gate__content { padding:30px 32px 28px; }
#pnlGate #pnlGateTitle { margin:0;color:#f2f5f7;font:600 30px/38px Inter,system-ui,sans-serif;text-transform:none;overflow-wrap:anywhere; }
#pnlGate .pnl-gate__description { margin:12px 0 0;max-width:440px;font:400 14px/24px Inter,system-ui,sans-serif;color:#afbecb; }
#pnlGate .pnl-gate__actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px; }
#pnlGate .pnl-gate__action:only-child { grid-column:1/-1; }
#pnlGate .pnl-gate__action { display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:50px;padding:12px 16px;margin:0;border:1px solid #4c5965;border-radius:5px;background:#192129;color:#e0e8ee;text-decoration:none;font:600 14px/22px Inter,system-ui,sans-serif;transition:background .16s,border-color .16s; }
#pnlGate .pnl-gate__action--primary { border-color:#778590;background:#343d45;color:#f1f4f6; }
#pnlGate .pnl-gate__action:hover { border-color:#9aa8b4;background:#2c3741;color:#fff; }
#pnlGate .pnl-gate__action--primary:hover { background:#424d57;border-color:#a5b2bc; }
#pnlGate .pnl-gate__glyph { display:block;flex:0 0 18px;width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8; }
#pnlGate .pnl-gate__footer { display:flex;align-items:center;justify-content:space-between;gap:12px 20px;padding:14px 32px;border-top:1px solid #ffffff12;background:#11171c; }
#pnlGate .pnl-gate__home { display:inline-flex;align-items:center;gap:8px;min-height:36px;color:#c0ccd5;text-decoration:none;font:500 12px/20px Inter,system-ui,sans-serif; }
#pnlGate .pnl-gate__home:hover { color:#fff; }
#pnlGate .pnl-gate__requirement { display:inline-flex;align-items:center;gap:8px;color:#a3b2be;font:400 11px/18px Inter,system-ui,sans-serif; }
#pnlGate .pnl-gate__requirement .pnl-gate__glyph { width:15px;height:15px;flex-basis:15px;opacity:.6; }
#pnlGate :is(a,button):focus-visible { outline:2px solid #e0b95c;outline-offset:4px; }
@media(max-width:600px) {
 #pnlGate { padding:16px; }
 #pnlGate .pnl-gate__box { max-height:calc(100dvh - 32px); }
 #pnlGate .pnl-gate__masthead { padding:14px 22px; }
 #pnlGate .pnl-gate__visual { height:154px; }
 #pnlGate .pnl-gate__content { padding:26px 24px; }
 #pnlGate #pnlGateTitle { font-size:27px;line-height:34px; }
 #pnlGate .pnl-gate__footer { padding:12px 24px;flex-wrap:wrap; }
 #pnlGate .pnl-gate__requirement { font-size:11px; }
}
@media(max-width:420px) {
 #pnlGate .pnl-gate__masthead { padding-inline:20px;gap:12px; }
 #pnlGate .pnl-gate__brand { max-width:124px;font-size:13px; }
 #pnlGate .pnl-gate__language button { min-width:36px;min-height:36px; }
 #pnlGate .pnl-gate__visual { height:140px; }
 #pnlGate .pnl-gate__actions { grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px; }
 #pnlGate .pnl-gate__footer { gap:4px;align-items:flex-start;flex-direction:column; }
 #pnlGate .pnl-gate__requirement { min-height:28px; }
}
@media(max-height:600px) {
 #pnlGate { padding-block:12px; }
 #pnlGate .pnl-gate__box { max-height:calc(100dvh - 24px); }
 #pnlGate .pnl-gate__visual { height:96px; }
 #pnlGate .pnl-gate__content { padding-block:22px; }
}
@media(max-width:420px) and (max-height:600px) {
 #pnlGate .pnl-gate__masthead { padding-block:10px; }
 #pnlGate .pnl-gate__visual { height:88px; }
 #pnlGate .pnl-gate__content { padding-block:20px; }
 #pnlGate #pnlGateTitle { font-size:26px;line-height:33px; }
 #pnlGate .pnl-gate__description { margin-top:10px; }
 #pnlGate .pnl-gate__actions { margin-top:18px; }
 #pnlGate .pnl-gate__footer { padding-block:8px; }
}
@media(prefers-reduced-motion:reduce) { #pnlGate .pnl-gate__action { transition:none; } }