@charset "UTF-8";
/* GEXYRAL G01-R1 — one desktop rail authority for homepage + all inner pages. */
:root{
  --gexyral-site-rail-width:126px;
  --gexyral-rail:var(--gexyral-site-rail-width)!important;
  --gexyral-inner-rail:var(--gexyral-site-rail-width)!important
}
.gexyral-site-rail{
  position:fixed;z-index:90;inset:0 auto 0 0;width:var(--gexyral-site-rail-width);height:100dvh;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:visible;color:#f6f9ff;
  background:radial-gradient(circle at 50% 8%,rgba(27,129,255,.13),transparent 24%),linear-gradient(180deg,rgba(3,9,23,.992),rgba(2,8,20,.975));
  border-right:1px solid rgba(83,146,244,.24);box-shadow:18px 0 70px rgba(0,0,0,.28),inset -1px 0 0 rgba(255,255,255,.018)
}
.gexyral-site-rail::after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;pointer-events:none;background:linear-gradient(180deg,transparent 5%,rgba(43,153,255,.58) 23%,rgba(43,153,255,.1) 58%,transparent 94%);opacity:.55}
.gexyral-site-rail-brand{position:relative;width:100%;height:clamp(138px,19.5vh,176px);min-height:118px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6f9ff;text-decoration:none;background:linear-gradient(180deg,rgba(8,25,52,.22),rgba(3,11,27,0))}
.gexyral-site-rail-brand::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,137,255,.38),transparent)}
.gexyral-site-rail-brand-logo{display:block;width:53px;height:53px;margin:0 0 12px;padding:7px;box-sizing:border-box;border-radius:17px;border:1px solid rgba(47,142,255,.35);background-color:rgba(7,31,68,.66);background-image:var(--gexyral-site-rail-logo);background-repeat:no-repeat;background-position:center;background-size:37px 37px;box-shadow:0 0 0 5px rgba(26,125,255,.035),0 12px 32px rgba(0,59,150,.28),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.gexyral-site-rail-brand:hover .gexyral-site-rail-brand-logo{transform:translateY(-2px) scale(1.035);border-color:rgba(64,166,255,.68);box-shadow:0 0 0 7px rgba(26,125,255,.055),0 16px 38px rgba(0,84,205,.34),0 0 24px rgba(26,139,255,.16)}
.gexyral-site-rail-brand strong{font-size:13px;line-height:1.25;letter-spacing:.1em;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.gexyral-site-rail-brand small{margin-top:5px;color:#8295b3;font-size:8px;line-height:1.4;letter-spacing:.31em}
.gexyral-site-rail-nav{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:0;padding:clamp(7px,1.35vh,12px) 0 clamp(6px,1.15vh,10px);box-sizing:border-box}
.gexyral-site-rail-nav::before{content:"";position:absolute;left:50%;top:18px;bottom:18px;width:1px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(61,125,218,.08) 18%,rgba(61,125,218,.08) 82%,transparent);pointer-events:none}
.gexyral-site-rail-nav a{position:relative;z-index:1;width:102px;height:clamp(52px,7.45vh,68px);min-height:48px;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8798b2;text-decoration:none;border:1px solid transparent;border-radius:17px;background:transparent;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}
.gexyral-site-rail-nav a:hover{color:#dcecff;border-color:rgba(55,137,255,.18);background:linear-gradient(135deg,rgba(13,55,112,.5),rgba(5,20,46,.5));transform:translateY(-1px)}
.gexyral-site-rail-nav a.is-active{color:#fff;border-color:rgba(49,144,255,.42);background:radial-gradient(circle at 50% 20%,rgba(24,127,255,.25),rgba(6,25,55,.74) 72%);box-shadow:0 10px 32px rgba(0,46,112,.2),inset 0 1px 0 rgba(255,255,255,.035)}
.gexyral-site-rail-nav a.is-active::before{content:"";position:absolute;left:-13px;top:50%;width:3px;height:29px;transform:translateY(-50%);border-radius:0 4px 4px 0;background:#188cff;box-shadow:0 0 18px rgba(24,140,255,.85)}
.gexyral-site-rail-nav i{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:10px;background:rgba(8,31,65,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.gexyral-site-rail-nav i svg{width:19px;height:19px;stroke-width:1.8}
.gexyral-site-rail-nav a.is-active i{color:#bfe1ff;background:rgba(19,83,163,.44);border-color:rgba(69,171,255,.3);box-shadow:0 0 22px rgba(29,130,255,.17),inset 0 1px 0 rgba(255,255,255,.04)}
.gexyral-site-rail-nav span{font-size:11px;line-height:1;letter-spacing:.045em}
.gexyral-site-rail-nav a.is-active span{font-weight:600;color:#f5f9ff}
.gexyral-site-rail-status{width:100px;height:54px;flex:0 0 auto;margin:0 13px 10px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7588a3;font-size:10px;text-decoration:none;border:1px solid rgba(52,133,247,.22);border-radius:16px;background:rgba(7,24,52,.52)}
.gexyral-site-rail-status b{position:relative;width:7px;height:7px;border-radius:50%;background:#1f94ff;box-shadow:0 0 12px #1590ff}
.gexyral-site-rail-status b::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(49,178,255,.35);border-radius:50%;animation:gexyralSiteRailPulse 2.4s ease-out infinite}
@keyframes gexyralSiteRailPulse{0%{transform:scale(.55);opacity:.9}75%,100%{transform:scale(1.55);opacity:0}}
.gexyral-site-shell,.gexyral-inner-shell{margin-left:var(--gexyral-site-rail-width)!important}
.gexyral-inner-progress{left:var(--gexyral-site-rail-width)!important}
@media(min-width:861px) and (max-width:1100px){
  :root{--gexyral-site-rail-width:94px}
  .gexyral-site-rail-brand{height:clamp(122px,17vh,146px)}
  .gexyral-site-rail-brand-logo{width:48px;height:48px;padding:6px;background-size:34px 34px;border-radius:15px}
  .gexyral-site-rail-brand strong{font-size:10px}.gexyral-site-rail-brand small{font-size:7px;letter-spacing:.22em}
  .gexyral-site-rail-nav a{width:78px;height:clamp(49px,7.2vh,62px);border-radius:15px}
  .gexyral-site-rail-nav i{width:29px;height:29px}.gexyral-site-rail-nav i svg{width:18px;height:18px}
  .gexyral-site-rail-nav span{font-size:10px}.gexyral-site-rail-status{width:76px;height:48px;font-size:9px}
  .gexyral-site-rail-nav a::after{content:attr(data-label);position:absolute;left:calc(100% + 13px);top:50%;transform:translate(-8px,-50%);min-width:max-content;padding:8px 11px;border-radius:9px;color:#eaf4ff;font-size:11px;letter-spacing:.04em;background:rgba(5,20,44,.96);border:1px solid rgba(62,145,255,.34);box-shadow:0 12px 34px rgba(0,0,0,.38);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
  .gexyral-site-rail-nav a:hover::after{opacity:1;transform:translate(0,-50%)}
}
@media(min-width:861px) and (max-height:820px){
  .gexyral-site-rail-brand{height:132px}.gexyral-site-rail-brand-logo{width:45px;height:45px;margin-bottom:8px;background-size:31px 31px}.gexyral-site-rail-nav{padding:6px 0}.gexyral-site-rail-nav a{height:clamp(47px,7.4vh,58px)}.gexyral-site-rail-nav i{width:27px;height:27px}.gexyral-site-rail-nav i svg{width:17px;height:17px}.gexyral-site-rail-status{height:44px;margin-bottom:8px;gap:5px}
}
@media(min-width:861px) and (max-height:680px){
  .gexyral-site-rail-brand{height:108px;min-height:108px}.gexyral-site-rail-brand-logo{width:38px;height:38px;margin-bottom:6px;background-size:27px 27px;border-radius:12px}.gexyral-site-rail-brand strong{font-size:10px}.gexyral-site-rail-brand small{display:none}.gexyral-site-rail-nav a{height:45px;gap:3px}.gexyral-site-rail-nav i{width:24px;height:24px;border-radius:8px}.gexyral-site-rail-nav i svg{width:15px;height:15px}.gexyral-site-rail-nav span{font-size:9px}.gexyral-site-rail-status{height:38px;margin-bottom:6px;gap:6px}
}
@media(max-width:860px){
  :root{--gexyral-site-rail-width:0px;--gexyral-rail:0px!important;--gexyral-inner-rail:0px!important}
  .gexyral-site-rail{display:none!important}.gexyral-site-shell,.gexyral-inner-shell{margin-left:0!important}.gexyral-inner-progress{left:0!important;top:72px!important}
}
@media(prefers-reduced-motion:reduce){.gexyral-site-rail *,.gexyral-site-rail *::before,.gexyral-site-rail *::after{animation:none!important;transition:none!important}}