/* TR Global website opening loader — v050 */
:root{
  --tr-loader-navy:#071044;
  --tr-loader-blue:#111e6b;
  --tr-loader-cobalt:#0b4da9;
  --tr-loader-gold:#e4bd68;
}
html.tr-website-loader-pending,
html.tr-website-loader-pending body{overflow:hidden!important;overscroll-behavior:none}
.tr-website-loader{
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:grid;
  place-items:center;
  min-height:100dvh;
  padding:32px 24px;
  background:
    radial-gradient(circle at 50% 30%,rgba(83,116,232,.26),transparent 30%),
    radial-gradient(circle at 15% 85%,rgba(228,189,104,.11),transparent 26%),
    linear-gradient(155deg,var(--tr-loader-navy) 0%,var(--tr-loader-blue) 55%,var(--tr-loader-cobalt) 100%);
  color:#fff;
  opacity:1;
  visibility:visible;
  transition:opacity .6s ease,visibility .6s ease;
}
html.tr-website-loader-seen .tr-website-loader{display:none!important}
.tr-website-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.tr-website-loader-center{
  width:min(100%,440px);
  display:grid;
  justify-items:center;
  gap:14px;
  text-align:center;
}
.tr-website-loader-logo-wrap{
  position:relative;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
}
.tr-website-loader-orbit{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.36);
  border-radius:50%;
  animation:tr-website-orbit 2.6s linear infinite;
  animation-play-state:paused;
}
.tr-website-loader-orbit::before,
.tr-website-loader-orbit::after{
  content:"";
  position:absolute;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--tr-loader-gold);
  box-shadow:0 0 22px rgba(228,189,104,.85);
}
.tr-website-loader-orbit::before{left:10px;top:29px}
.tr-website-loader-orbit::after{right:8px;bottom:31px}
.tr-website-loader-logo{
  width:104px;
  height:104px;
  padding:8px;
  border-radius:30px;
  background:#fff;
  object-fit:contain;
  box-shadow:0 24px 68px rgba(0,0,0,.3);
  animation:tr-website-logo-arrive .95s cubic-bezier(.2,.8,.2,1) both;
  animation-play-state:paused;
}
.tr-website-loader-kicker{
  font-size:.74rem;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#dbe2ff;
  animation:tr-website-rise .7s .22s both;
  animation-play-state:paused;
}
.tr-website-loader-title{
  margin:0;
  max-width:410px;
  font-size:clamp(1.8rem,4vw,2.65rem);
  line-height:1.08;
  letter-spacing:-.045em;
  color:#fff;
  animation:tr-website-rise .7s .38s both;
  animation-play-state:paused;
}
.tr-website-loader-message{
  margin:0;
  max-width:330px;
  font-size:1rem;
  line-height:1.55;
  color:rgba(255,255,255,.78);
  animation:tr-website-rise .7s .54s both;
  animation-play-state:paused;
}
.tr-website-loader-progress{
  width:168px;
  height:5px;
  margin-top:3px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.18);
  animation:tr-website-rise .7s .68s both;
  animation-play-state:paused;
}
.tr-website-loader-progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--tr-loader-gold),#fff);
  animation:tr-website-progress 3.15s .3s cubic-bezier(.22,.75,.28,1) forwards;
  animation-play-state:paused;
}
.tr-website-loader-skip{
  min-width:118px;
  min-height:44px;
  margin-top:8px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:inherit;
  font-size:.88rem;
  font-weight:760;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
  animation:tr-website-rise .7s .78s both;
  animation-play-state:paused;
}
.tr-website-loader.is-running .tr-website-loader-orbit,
.tr-website-loader.is-running .tr-website-loader-logo,
.tr-website-loader.is-running .tr-website-loader-kicker,
.tr-website-loader.is-running .tr-website-loader-title,
.tr-website-loader.is-running .tr-website-loader-message,
.tr-website-loader.is-running .tr-website-loader-progress,
.tr-website-loader.is-running .tr-website-loader-progress span,
.tr-website-loader.is-running .tr-website-loader-skip{animation-play-state:running}
.tr-website-loader-skip:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.62)}
.tr-website-loader-skip:active{transform:scale(.98)}
.tr-website-loader-skip:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes tr-website-orbit{to{transform:rotate(360deg)}}
@keyframes tr-website-logo-arrive{from{opacity:0;transform:scale(.72) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes tr-website-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes tr-website-progress{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media (max-width:560px){
  .tr-website-loader{padding:28px 20px}
  .tr-website-loader-logo-wrap{width:132px;height:132px}
  .tr-website-loader-logo{width:92px;height:92px;border-radius:27px}
  .tr-website-loader-title{font-size:1.82rem;max-width:320px}
  .tr-website-loader-message{font-size:.96rem}
}
@media (prefers-reduced-motion:reduce){
  .tr-website-loader,.tr-website-loader *{animation:none!important;transition-duration:.16s!important}
  .tr-website-loader-progress span{transform:scaleX(1)}
}
html.tr-reduce-motion .tr-website-loader,
html.tr-reduce-motion .tr-website-loader *{animation:none!important;transition-duration:.16s!important}
html.tr-reduce-motion .tr-website-loader-progress span{transform:scaleX(1)}
