/* V10.6.2 — exact clean logo, splash and premium header patch */

.earthroute2-splash{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 50% 31%,rgba(0,222,255,.075),transparent 28%),
    radial-gradient(circle at 50% 39%,rgba(39,244,151,.06),transparent 34%),
    linear-gradient(180deg,#020914 0%,#020b17 55%,#020914 100%)!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .24s ease,visibility .24s ease!important;
  pointer-events:none!important;
}

.earthroute2-splash.is-hidden{
  opacity:0!important;
  visibility:hidden!important;
}

.earthroute2-splash-content{
  width:min(88vw,720px)!important;
  min-height:calc(100dvh - 110px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  padding:
    max(42px,env(safe-area-inset-top))
    22px
    max(38px,env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}

.earthroute2-splash-logo{
  display:block!important;
  width:min(76vw,560px)!important;
  height:auto!important;
  max-height:42dvh!important;
  object-fit:contain!important;
  margin-top:6dvh!important;
  filter:
    drop-shadow(0 18px 25px rgba(0,0,0,.64))
    drop-shadow(0 0 22px rgba(38,217,255,.16))
    drop-shadow(0 0 30px rgba(55,243,154,.12))!important;
}

.earthroute2-splash-title{
  margin-top:20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  color:#f3f9ff!important;
  font-family:Inter,Poppins,system-ui,sans-serif!important;
  font-size:clamp(30px,8vw,58px)!important;
  font-weight:900!important;
  line-height:.98!important;
  letter-spacing:.015em!important;
  text-shadow:0 7px 20px rgba(0,0,0,.65)!important;
}

.earthroute2-splash-title strong{
  margin-top:9px!important;
  color:#42adff!important;
  font:inherit!important;
}

.earthroute2-green{
  color:#36ef81!important;
}

.earthroute2-splash-tagline{
  margin-top:22px!important;
  color:#aebdd0!important;
  font-family:Inter,Poppins,system-ui,sans-serif!important;
  font-size:clamp(13px,3.5vw,21px)!important;
  font-weight:500!important;
  letter-spacing:.035em!important;
  text-align:center!important;
}

.earthroute2-loading-wrap{
  width:min(76vw,530px)!important;
  margin-top:auto!important;
  margin-bottom:7dvh!important;
}

.earthroute2-loading-bar{
  width:100%!important;
  height:8px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#22d4ff 0%,#39efa1 48%,#317dff 100%)!important;
  box-shadow:
    0 0 12px rgba(38,217,255,.22),
    0 0 15px rgba(55,243,154,.12)!important;
  overflow:hidden!important;
  position:relative!important;
}

.earthroute2-loading-bar::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:34%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)!important;
  transform:translateX(-150%)!important;
  animation:earthroute2LoadSweep 1.25s ease-in-out infinite!important;
}

.earthroute2-loading-text{
  margin-top:25px!important;
  color:#37e797!important;
  text-align:center!important;
  font-family:Inter,Poppins,system-ui,sans-serif!important;
  font-size:clamp(14px,4vw,21px)!important;
  font-weight:500!important;
}

@keyframes earthroute2LoadSweep{
  to{transform:translateX(390%)}
}

.v66-appbar{
  background:
    linear-gradient(180deg,rgba(2,9,18,.985),rgba(3,13,25,.97))!important;
  border-bottom:1px solid rgba(39,167,255,.34)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.36)!important;
}

.v66-brand{
  min-width:0!important;
  gap:14px!important;
}

.v66-logo{
  flex:0 0 72px!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(31,224,255,.10),transparent 52%),
    #020b15!important;
  border:1px solid rgba(47,224,180,.42)!important;
  box-shadow:
    0 0 0 3px rgba(38,217,255,.055),
    0 12px 28px rgba(0,0,0,.42),
    0 0 24px rgba(55,243,154,.13)!important;
}

.v66-logo .earthroute2-header-mark{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))!important;
}

.v66-brand-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(20px,5.4vw,34px)!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  line-height:1.03!important;
  color:#f5fbff!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}

.v66-brand-sub{
  margin-top:7px!important;
  color:#acbdd0!important;
  font-size:clamp(12px,3.4vw,17px)!important;
}

@media(max-width:700px){
  .v66-appbar{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .v66-logo{
    flex-basis:62px!important;
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    border-radius:19px!important;
    padding:4px!important;
  }

  .v66-brand{
    gap:12px!important;
  }
}

@media(max-width:390px){
  .v66-logo{
    flex-basis:56px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }

  .v66-brand-title{
    font-size:21px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .earthroute2-loading-bar::after{
    animation:none!important;
  }
}