
.freshness-text{display:block;margin-top:3px;font-size:8px;font-weight:800;line-height:1.2}
.freshness-fresh{color:#16a34a!important}.freshness-warning{color:#d97706!important}.freshness-stale{color:#dc2626!important}.freshness-none{color:#94a3b8!important}
.low-credit-warning{margin:8px 0;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b91c1c;font-size:12px;font-weight:750}

/* Shared compact feedback also works on login and registration pages. */
.simsim-global-toast{position:fixed;z-index:12050;top:60px;left:50%;width:auto;min-width:110px;max-width:min(270px,calc(100vw - 20px));padding:6px 10px;border-radius:8px;color:#fff;font-size:9px;font-weight:750;line-height:1.25;text-align:center;box-shadow:0 7px 18px rgba(15,23,42,.2);opacity:0;pointer-events:none;transform:translate(-50%,-7px);transition:.2s}.simsim-global-toast.show{opacity:1;transform:translate(-50%,0)}.simsim-global-toast.success{background:#059669}.simsim-global-toast.warning{background:#d97706}.simsim-global-toast.error,.simsim-global-toast.delete{background:#dc2626}.simsim-confirm-backdrop{position:fixed;z-index:12100;inset:0;display:none;align-items:flex-start;justify-content:center;padding:72px 12px;background:rgba(15,23,42,.38)}.simsim-confirm-backdrop.show{display:flex}.simsim-confirm-box{width:min(270px,calc(100vw - 24px));padding:12px;border-radius:11px;background:#fff;text-align:center;box-shadow:0 14px 35px rgba(15,23,42,.25)}.simsim-confirm-icon{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:8px;background:#fef2f2;color:#dc2626}.simsim-confirm-box strong{display:block;font-size:11px}.simsim-confirm-box p{margin:4px 0 9px;color:#64748b;font-size:8px;line-height:1.35}.simsim-confirm-box>div{display:flex;justify-content:center;gap:6px}.simsim-confirm-box button{min-width:70px;height:28px;border:0;border-radius:7px;font-size:8px;font-weight:800}.simsim-confirm-box [data-confirm-no]{background:#f1f5f9;color:#475569}.simsim-confirm-box [data-confirm-yes]{background:#dc2626;color:#fff}@media(max-width:767px){.simsim-global-toast{top:55px;max-width:min(235px,calc(100vw - 16px));padding:5px 8px;font-size:8px}.simsim-confirm-backdrop{padding-top:62px}}
.tone-blue{background:linear-gradient(145deg,#eff6ff,#fff)!important;border-color:#bfdbfe!important}
.tone-green{background:linear-gradient(145deg,#ecfdf5,#fff)!important;border-color:#a7f3d0!important}
.tone-orange{background:linear-gradient(145deg,#fff7ed,#fff)!important;border-color:#fed7aa!important}
.tone-purple{background:linear-gradient(145deg,#faf5ff,#fff)!important;border-color:#e9d5ff!important}
.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 10% 10%,rgba(37,99,235,.13),transparent 30%),radial-gradient(circle at 90% 90%,rgba(22,163,74,.12),transparent 32%),linear-gradient(145deg,#f8fafc,#eef4ff)}
.auth-shell{width:100%;max-width:410px}.auth-card{overflow:hidden;border:1px solid rgba(203,213,225,.85);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 25px 70px rgba(15,23,42,.14)}.auth-card-body{padding:28px}.auth-logo{display:block;width:min(210px,72%);height:auto;margin:0 auto 14px}.auth-title{margin:0;color:#172033;font-size:24px;font-weight:850;text-align:center}.auth-subtitle{margin:7px 0 22px;color:#64748b;font-size:13px;text-align:center}.auth-field{position:relative;margin-bottom:13px}.auth-field-icon{position:absolute;left:14px;top:50%;z-index:2;color:#64748b;transform:translateY(-50%)}.auth-control{width:100%;height:48px;padding:0 14px 0 43px;border:1px solid #dbe2eb;border-radius:12px;background:#fff;color:#172033;outline:none;transition:.2s}.auth-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.auth-submit{width:100%;height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.22)}.auth-footer{margin:19px 0 0;color:#64748b;font-size:13px;text-align:center}.auth-footer a{font-weight:800;text-decoration:none}@media(max-width:480px){.auth-page{padding:12px}.auth-card{border-radius:17px}.auth-card-body{padding:22px 18px}.auth-title{font-size:21px}.auth-logo{width:min(185px,70%)}}

/* Tracking map authentication experience */
html,body{min-height:100%;overflow-x:hidden}
.auth-page{
  position:relative;
  isolation:isolate;
  min-height:100dvh;
  overflow:hidden auto;
  padding:clamp(18px,4vh,42px) 16px;
  background:
    radial-gradient(circle at 14% 20%,rgba(34,211,238,.2),transparent 27rem),
    radial-gradient(circle at 88% 78%,rgba(239,68,68,.16),transparent 24rem),
    linear-gradient(145deg,#071426 0%,#0d2841 48%,#102f38 100%);
}
.auth-map-scene{
  position:fixed;
  z-index:-1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.auth-map-scene::before{
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.035) 47% 49%,transparent 49%),
    linear-gradient(28deg,transparent 0 42%,rgba(255,255,255,.04) 42% 44%,transparent 44%),
    radial-gradient(circle at center,transparent 0 42%,rgba(2,6,23,.34) 100%);
  content:"";
}
.auth-map-grid{
  position:absolute;
  inset:-22%;
  background:
    repeating-linear-gradient(0deg,rgba(125,211,252,.11) 0 1px,transparent 1px 62px),
    repeating-linear-gradient(90deg,rgba(125,211,252,.11) 0 1px,transparent 1px 62px);
  transform:perspective(650px) rotateX(58deg) rotateZ(-10deg) scale(1.25);
  transform-origin:center 70%;
  animation:authMapDrift 18s linear infinite alternate;
}
.auth-route{
  position:absolute;
  width:55vw;
  height:34vh;
  border:3px dashed rgba(103,232,249,.44);
  border-right-color:transparent;
  border-bottom-color:rgba(103,232,249,.14);
  border-radius:50%;
  filter:drop-shadow(0 0 8px rgba(34,211,238,.28));
}
.auth-route.route-one{left:-12vw;bottom:8vh;transform:rotate(-12deg)}
.auth-route.route-two{right:-16vw;top:7vh;border-color:rgba(251,113,133,.34) transparent rgba(251,113,133,.1) rgba(251,113,133,.34);transform:rotate(18deg)}
.auth-map-pin{
  position:absolute;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  background:rgba(15,23,42,.6);
  color:#22d3ee;
  font-size:18px;
  box-shadow:0 0 0 8px rgba(34,211,238,.08),0 0 28px rgba(34,211,238,.32);
  backdrop-filter:blur(8px);
  animation:authPinPulse 2.2s ease-in-out infinite;
}
.auth-map-pin::after{
  position:absolute;
  inset:-13px;
  border:1px solid currentColor;
  border-radius:50%;
  content:"";
  opacity:.25;
  animation:authPinRadar 2.2s ease-out infinite;
}
.auth-map-pin.pin-one{left:9%;top:22%}
.auth-map-pin.pin-two{right:10%;top:30%;color:#fb7185;animation-delay:-.8s}
.auth-map-pin.pin-three{left:16%;bottom:14%;color:#4ade80;animation-delay:-1.4s}
.auth-satellite{
  position:absolute;
  top:13%;
  left:-90px;
  color:#f8fafc;
  font-size:42px;
  filter:drop-shadow(0 0 9px rgba(125,211,252,.85)) drop-shadow(0 10px 12px rgba(0,0,0,.5));
  animation:authSatelliteFlight 16s linear infinite;
}
.auth-satellite::after{
  position:absolute;
  right:35px;
  top:50%;
  width:72px;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(125,211,252,.75));
  content:"";
  transform:translateY(-50%);
  filter:blur(.3px);
}
.auth-shell{
  position:relative;
  z-index:2;
  width:100%;
  max-width:430px;
}
.auth-shell::before{
  position:absolute;
  z-index:-1;
  inset:-16px;
  border:1px solid rgba(125,211,252,.13);
  border-radius:30px;
  background:rgba(8,23,40,.22);
  content:"";
  filter:blur(1px);
  backdrop-filter:blur(4px);
}
.auth-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.62);
  border-radius:24px;
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(236,246,255,.92));
  box-shadow:0 32px 85px rgba(0,0,0,.38),inset 0 1px 0 #fff;
  backdrop-filter:blur(22px);
}
.auth-card::before{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#ef4444,#fb7185,#22d3ee);
  content:"";
}
.auth-card::after{
  position:absolute;
  right:-65px;
  bottom:-80px;
  width:180px;
  height:180px;
  border:28px solid rgba(37,99,235,.055);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.auth-card-body{position:relative;z-index:1;padding:25px 30px 28px}
.auth-logo{
  width:min(230px,74%);
  margin:0 auto 4px;
  filter:drop-shadow(0 5px 10px rgba(15,23,42,.12));
}
.auth-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:max-content;
  margin:0 auto 8px;
  padding:5px 9px;
  border:1px solid #bae6fd;
  border-radius:999px;
  background:#ecfeff;
  color:#0e7490;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.auth-title{color:#10233e;font-size:25px;font-weight:950;letter-spacing:-.02em}
.auth-subtitle{max-width:310px;margin:6px auto 18px;color:#60718a;font-size:11px;font-weight:650;line-height:1.55}
.auth-field{margin-bottom:11px}
.auth-field-icon{
  left:14px;
  color:#2563eb;
  font-size:13px;
}
.auth-control{
  height:46px;
  padding-left:42px;
  border:1.5px solid #c9d8ec;
  border-radius:11px;
  background:rgba(255,255,255,.85);
  color:#172554;
  font-size:12px;
  font-weight:750;
  box-shadow:inset 0 1px 3px rgba(15,23,42,.04);
}
.auth-control::placeholder{color:#7c8da6}
.auth-control:focus{
  border-color:#0ea5e9;
  background:#fff;
  box-shadow:0 0 0 4px rgba(14,165,233,.12),0 8px 18px rgba(37,99,235,.08);
}
.auth-field:focus-within .auth-field-icon{color:#ef4444}
.auth-submit{
  position:relative;
  overflow:hidden;
  height:47px;
  border-radius:11px;
  background:linear-gradient(135deg,#dc2626,#ef4444 48%,#2563eb);
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 11px 24px rgba(220,38,38,.23);
  transition:transform .2s ease,box-shadow .2s ease;
}
.auth-submit::after{
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 45%,transparent 65%);
  content:"";
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.auth-submit:hover{transform:translateY(-2px);box-shadow:0 15px 29px rgba(220,38,38,.28)}
.auth-submit:hover::after{transform:translateX(120%)}
.auth-footer{margin-top:15px;color:#64748b;font-size:11px}
.auth-footer a{color:#dc2626;font-weight:900}
.auth-page .alert{margin-bottom:11px;padding:9px 11px;border-radius:9px;font-size:10px;font-weight:750}
@keyframes authMapDrift{
  from{transform:perspective(650px) rotateX(58deg) rotateZ(-10deg) translate3d(-18px,-8px,0) scale(1.25)}
  to{transform:perspective(650px) rotateX(58deg) rotateZ(-10deg) translate3d(22px,14px,0) scale(1.25)}
}
@keyframes authSatelliteFlight{
  0%{left:-90px;top:15%;transform:rotate(-8deg) scale(.82)}
  45%{top:8%;transform:rotate(8deg) scale(1)}
  100%{left:calc(100% + 100px);top:28%;transform:rotate(18deg) scale(.88)}
}
@keyframes authPinPulse{50%{transform:translateY(-4px);box-shadow:0 0 0 13px rgba(34,211,238,.035),0 0 36px currentColor}}
@keyframes authPinRadar{from{transform:scale(.55);opacity:.4}to{transform:scale(1.45);opacity:0}}
@media(max-width:767px){
  .auth-page{align-items:flex-start;padding:12px 10px calc(12px + env(safe-area-inset-bottom))}
  .auth-shell{max-width:420px;margin:auto}
  .auth-shell::before{inset:-7px;border-radius:22px}
  .auth-card{border-radius:19px}
  .auth-card-body{padding:18px 17px 20px}
  .auth-logo{width:min(205px,70%);margin-bottom:1px}
  .auth-kicker{margin-bottom:6px;padding:4px 7px;font-size:6.5px}
  .auth-title{font-size:20px}
  .auth-subtitle{margin-bottom:13px;font-size:9px}
  .auth-control{height:42px;font-size:11px}
  .auth-submit{height:43px;font-size:11px}
  .auth-map-pin{width:32px;height:32px;font-size:14px}
  .auth-map-pin.pin-one{left:3%;top:13%}
  .auth-map-pin.pin-two{right:3%;top:66%}
  .auth-map-pin.pin-three{display:none}
  .auth-satellite{font-size:31px;animation-duration:13s}
  .auth-route{opacity:.7}
}
@media(max-width:390px){
  .auth-page{padding-inline:8px}
  .auth-card-body{padding:15px 14px 17px}
  .auth-logo{width:min(180px,66%)}
  .auth-title{font-size:18px}
  .auth-subtitle{margin-top:4px;margin-bottom:11px}
  .auth-field{margin-bottom:8px}
  .auth-control{height:40px}
  .auth-submit{height:41px}
  .auth-footer{margin-top:11px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .auth-map-grid,.auth-map-pin,.auth-map-pin::after,.auth-satellite{animation:none!important}
  .auth-satellite{left:8%;top:8%}
}

/* Warm responsive auth scene with two opposing satellites */
.auth-page{
  background:
    radial-gradient(circle at 12% 18%,rgba(245,158,11,.34),transparent 28rem),
    radial-gradient(circle at 88% 75%,rgba(220,38,38,.28),transparent 26rem),
    radial-gradient(circle at 52% 45%,rgba(255,255,255,.58),transparent 32rem),
    linear-gradient(145deg,#f7ead5 0%,#f4d4b4 45%,#e9b9a8 100%);
}
.auth-map-scene::before{
  background:
    linear-gradient(115deg,transparent 0 47%,rgba(127,29,29,.075) 47% 49%,transparent 49%),
    linear-gradient(28deg,transparent 0 42%,rgba(180,83,9,.08) 42% 44%,transparent 44%),
    radial-gradient(circle at center,transparent 0 42%,rgba(120,53,15,.12) 100%);
}
.auth-map-grid{
  background:
    repeating-linear-gradient(0deg,rgba(153,27,27,.12) 0 1px,transparent 1px 62px),
    repeating-linear-gradient(90deg,rgba(180,83,9,.12) 0 1px,transparent 1px 62px);
}
.auth-route.route-one{
  border-color:rgba(220,38,38,.42) transparent rgba(220,38,38,.14) rgba(220,38,38,.42);
  filter:drop-shadow(0 0 7px rgba(220,38,38,.2));
}
.auth-route.route-two{
  border-color:rgba(217,119,6,.48) transparent rgba(217,119,6,.14) rgba(217,119,6,.48);
  filter:drop-shadow(0 0 7px rgba(245,158,11,.24));
}
.auth-map-pin{
  border-color:rgba(255,255,255,.78);
  background:rgba(127,29,29,.72);
  color:#fef3c7;
  box-shadow:0 0 0 8px rgba(220,38,38,.09),0 0 28px rgba(220,38,38,.28);
}
.auth-map-pin.pin-two{background:rgba(146,64,14,.75);color:#fde68a}
.auth-map-pin.pin-three{background:rgba(153,27,27,.72);color:#fecaca}
.auth-shell::before{
  border-color:rgba(255,255,255,.46);
  background:rgba(120,53,15,.09);
}
.auth-card{
  border-color:rgba(255,255,255,.8);
  background:linear-gradient(150deg,rgba(255,253,248,.97),rgba(255,244,229,.93));
  box-shadow:0 32px 85px rgba(120,53,15,.25),inset 0 1px 0 #fff;
}
.auth-logo{
  margin:-30px auto -22px;
}
.auth-satellite{
  position:static;
  animation:none;
  filter:none;
}
.auth-satellite::after{display:none}
.auth-satellite>i,
.auth-satellite::before{
  position:fixed;
  z-index:1;
  color:#991b1b;
  font-size:66px;
  filter:drop-shadow(2px 2px 0 rgba(255,255,255,.7)) drop-shadow(0 12px 14px rgba(120,53,15,.3));
  pointer-events:none;
}
.auth-satellite>i{
  left:-130px;
  top:12%;
  animation:authSatelliteForward 18s linear infinite;
}
.auth-satellite::before{
  right:-130px;
  bottom:12%;
  color:#b45309;
  content:"\f7bf";
  font:var(--fa-font-solid);
  font-size:58px;
  animation:authSatelliteReverse 21s linear infinite;
}
@keyframes authSatelliteForward{
  0%{left:-130px;top:12%;transform:rotate(-12deg) scale(.88)}
  48%{top:22%;transform:rotate(7deg) scale(1.08)}
  100%{left:calc(100% + 130px);top:36%;transform:rotate(19deg) scale(.9)}
}
@keyframes authSatelliteReverse{
  0%{right:-130px;bottom:10%;transform:rotate(168deg) scale(.9)}
  52%{bottom:27%;transform:rotate(188deg) scale(1.1)}
  100%{right:calc(100% + 130px);bottom:46%;transform:rotate(202deg) scale(.92)}
}
@media(min-width:768px) and (max-width:1100px){
  .auth-satellite>i{font-size:54px;animation-duration:16s}
  .auth-satellite::before{font-size:49px;animation-duration:19s}
  .auth-logo{margin:-27px auto -20px}
}
@media(max-width:767px){
  .auth-logo{margin:-24px auto -18px}
  .auth-satellite>i{font-size:40px;animation-duration:14s}
  .auth-satellite::before{font-size:36px;animation-duration:16s}
}
@media(max-width:390px){
  .auth-logo{margin:-21px auto -16px}
  .auth-satellite>i{font-size:34px}
  .auth-satellite::before{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
  .auth-satellite>i,.auth-satellite::before{animation:none!important}
  .auth-satellite>i{left:5%;top:8%}
  .auth-satellite::before{right:5%;bottom:8%}
}

/* Cinematic cyber-tracking authentication scene */
.auth-page{
  position:relative;
  isolation:isolate;
  background-color:#020806;
  background-image:
    linear-gradient(90deg,rgba(1,8,6,.2),rgba(1,8,6,.58) 38%,rgba(1,8,6,.58) 62%,rgba(1,8,6,.18)),
    url("../../images/auth-cyber-satellite-bg-v1.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.auth-page::before{
  position:fixed;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at center,transparent 0 30%,rgba(0,0,0,.22) 74%,rgba(0,0,0,.5) 100%),
    linear-gradient(180deg,rgba(0,20,12,.08),rgba(0,0,0,.22));
  content:"";
  pointer-events:none;
}
.auth-map-scene,
.auth-map-grid,
.auth-route,
.auth-map-pin,
.auth-satellite{
  display:none!important;
}
.auth-shell{max-width:420px}
.auth-shell::before{
  inset:-12px;
  border-color:rgba(52,211,153,.24);
  background:rgba(0,12,9,.36);
  box-shadow:0 0 45px rgba(16,185,129,.12);
  backdrop-filter:blur(7px);
}
.auth-card{
  border-color:rgba(110,231,183,.38);
  background:linear-gradient(145deg,rgba(3,14,11,.94),rgba(4,24,18,.9));
  box-shadow:0 32px 90px rgba(0,0,0,.72),0 0 36px rgba(16,185,129,.12),inset 0 1px 0 rgba(167,243,208,.14);
}
.auth-card::before{
  height:3px;
  background:linear-gradient(90deg,transparent,#22c55e 24%,#6ee7b7 52%,#16a34a 78%,transparent);
  box-shadow:0 0 16px rgba(34,197,94,.65);
}
.auth-card::after{
  border-color:rgba(34,197,94,.05);
}
.auth-logo{
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));
}
.auth-kicker{
  border-color:rgba(74,222,128,.32);
  background:rgba(20,83,45,.28);
  color:#86efac;
}
.auth-title{color:#f0fdf4}
.auth-subtitle{color:#a7c9b8}
.auth-field-icon{color:#4ade80}
.auth-control{
  border-color:rgba(110,231,183,.28);
  background:rgba(0,8,6,.7);
  color:#f0fdf4;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.35);
}
.auth-control::placeholder{color:#7ca08e}
.auth-control:focus{
  border-color:#4ade80;
  background:rgba(0,13,9,.9);
  box-shadow:0 0 0 4px rgba(34,197,94,.12),0 8px 22px rgba(0,0,0,.3);
}
.auth-field:focus-within .auth-field-icon{color:#bbf7d0}
.auth-submit{
  background:linear-gradient(135deg,#15803d,#22c55e 55%,#047857);
  color:#f0fdf4;
  box-shadow:0 11px 28px rgba(34,197,94,.22);
}
.auth-submit:hover{box-shadow:0 15px 34px rgba(34,197,94,.3)}
.auth-footer{color:#9bbbac}
.auth-footer a{color:#4ade80}
.auth-page .alert-danger{
  border-color:rgba(248,113,113,.28);
  background:rgba(127,29,29,.38);
  color:#fecaca;
}
.auth-page .alert-success{
  border-color:rgba(74,222,128,.28);
  background:rgba(20,83,45,.4);
  color:#bbf7d0;
}
@media(max-width:767px){
  .auth-page{
    background-attachment:scroll;
    background-position:center top;
  }
  .auth-page::before{
    background:linear-gradient(180deg,rgba(0,8,5,.52),rgba(0,8,5,.72));
  }
  .auth-shell::before{inset:-6px}
}

/* Red binary hacker scene with independently moving realistic satellites */
.auth-page{
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%,rgba(220,38,38,.25),transparent 32rem),
    radial-gradient(circle at 88% 80%,rgba(127,29,29,.3),transparent 34rem),
    linear-gradient(145deg,#020202 0%,#0d0202 48%,#190303 100%);
}
.auth-page::before{
  z-index:-3;
  background:
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px),
    radial-gradient(circle at center,transparent 12%,rgba(0,0,0,.32) 78%,rgba(0,0,0,.68));
}
.auth-map-scene{
  display:block!important;
  position:fixed;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.auth-map-scene::before{
  display:block;
  position:absolute;
  inset:-45%;
  color:rgba(248,113,113,.2);
  content:"1011010010110100101101001011010010110100101101001011010010110100101101001011010010110100\A 0100101101001011010010110100101101001011010010110100101101001011010010110100101101001011010\A 1101001011010010110100101101001011010010110100101101001011010010110100101101001011010010110\A 0010110100101101001011010010110100101101001011010010110100101101001011010010110100101101001\A 1010010110100101101001011010010110100101101001011010010110100101101001011010010110100101101\A 0100101101001011010010110100101101001011010010110100101101001011010010110100101101001011010\A 1101001011010010110100101101001011010010110100101101001011010010110100101101001011010010110\A 0010110100101101001011010010110100101101001011010010110100101101001011010010110100101101001\A 1010010110100101101001011010010110100101101001011010010110100101101001011010010110100101101\A 0100101101001011010010110100101101001011010010110100101101001011010010110100101101001011010\A 1101001011010010110100101101001011010010110100101101001011010010110100101101001011010010110\A 0010110100101101001011010010110100101101001011010010110100101101001011010010110100101101001";
  font:700 clamp(11px,1.15vw,18px)/1.8 "Courier New",monospace;
  letter-spacing:.22em;
  white-space:pre-wrap;
  text-shadow:0 0 9px rgba(239,68,68,.42);
  transform:rotate(-12deg);
  animation:authBinaryDrift 24s linear infinite;
}
.auth-map-scene::after{
  display:block;
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(239,68,68,.08) 48%,rgba(248,113,113,.19) 50%,rgba(239,68,68,.08) 52%,transparent),
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(239,68,68,.055) 39px,transparent 40px);
  content:"";
  animation:authRedScan 8s ease-in-out infinite alternate;
}
.auth-map-grid,
.auth-route,
.auth-map-pin{display:none!important}
.auth-satellite{
  display:block!important;
  position:fixed;
  z-index:1;
  top:7%;
  left:-46vw;
  width:clamp(250px,28vw,470px);
  aspect-ratio:3/2;
  background:url("../../images/auth-satellite-realistic-v1.png") center/contain no-repeat;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(248,113,113,.22));
  animation:authRealSatForward 28s linear infinite;
}
.auth-satellite>i{display:none!important}
.auth-satellite::before{
  display:block!important;
  position:fixed;
  z-index:1;
  right:-46vw;
  bottom:5%;
  width:clamp(230px,25vw,430px);
  aspect-ratio:3/2;
  background:url("../../images/auth-satellite-realistic-v1.png") center/contain no-repeat;
  color:transparent;
  content:"";
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(248,113,113,.2));
  animation:authRealSatReverse 33s linear 4s infinite;
}
.auth-shell::before{
  border-color:rgba(248,113,113,.26);
  background:rgba(20,0,0,.42);
  box-shadow:0 0 48px rgba(220,38,38,.13);
}
.auth-card{
  border-color:rgba(248,113,113,.38);
  background:linear-gradient(145deg,rgba(12,3,3,.95),rgba(31,4,4,.91));
  box-shadow:0 32px 90px rgba(0,0,0,.78),0 0 38px rgba(220,38,38,.12),inset 0 1px 0 rgba(254,202,202,.12);
}
.auth-card::before{
  background:linear-gradient(90deg,transparent,#b91c1c 20%,#ef4444 50%,#b91c1c 80%,transparent);
  box-shadow:0 0 17px rgba(239,68,68,.72);
}
.auth-card::after{border-color:rgba(239,68,68,.055)}
.auth-kicker{
  border-color:rgba(248,113,113,.34);
  background:rgba(127,29,29,.28);
  color:#fca5a5;
}
.auth-subtitle{color:#d0aaaa}
.auth-field-icon{color:#f87171}
.auth-control{
  border-color:rgba(248,113,113,.29);
  background:rgba(10,0,0,.72);
  color:#fff7f7;
}
.auth-control::placeholder{color:#aa8585}
.auth-control:focus{
  border-color:#ef4444;
  background:rgba(20,1,1,.94);
  box-shadow:0 0 0 4px rgba(239,68,68,.13),0 8px 22px rgba(0,0,0,.34);
}
.auth-field:focus-within .auth-field-icon{color:#fecaca}
.auth-submit{
  background:linear-gradient(135deg,#991b1b,#ef4444 55%,#7f1d1d);
  box-shadow:0 11px 28px rgba(220,38,38,.25);
}
.auth-submit:hover{box-shadow:0 15px 34px rgba(239,68,68,.32)}
.auth-footer{color:#c7a2a2}
.auth-footer a{color:#f87171}
@keyframes authBinaryDrift{
  from{transform:rotate(-12deg) translate3d(0,-4%,0)}
  to{transform:rotate(-12deg) translate3d(0,22%,0)}
}
@keyframes authRedScan{
  from{transform:translateX(-38%);opacity:.45}
  to{transform:translateX(38%);opacity:.9}
}
@keyframes authRealSatForward{
  0%{left:-46vw;top:5%;transform:rotate(-8deg) scale(.82)}
  48%{top:16%;transform:rotate(4deg) scale(1)}
  100%{left:112vw;top:29%;transform:rotate(15deg) scale(.86)}
}
@keyframes authRealSatReverse{
  0%{right:-46vw;bottom:4%;transform:rotate(174deg) scale(.82)}
  52%{bottom:18%;transform:rotate(187deg) scale(1)}
  100%{right:112vw;bottom:34%;transform:rotate(200deg) scale(.86)}
}
@media(max-width:767px){
  .auth-page{overflow:auto;background-attachment:scroll}
  .auth-map-scene{position:fixed}
  .auth-map-scene::before{
    inset:-70%;
    font-size:10px;
    line-height:2;
    opacity:.72;
  }
  .auth-satellite{
    left:-62vw;
    width:clamp(150px,44vw,245px);
    animation-duration:23s;
  }
  .auth-satellite::before{
    right:-62vw;
    width:clamp(140px,40vw,225px);
    animation-duration:27s;
  }
  @keyframes authRealSatForward{
    0%{left:-62vw;top:4%;transform:rotate(-8deg) scale(.82)}
    48%{top:14%;transform:rotate(4deg) scale(1)}
    100%{left:112vw;top:25%;transform:rotate(15deg) scale(.86)}
  }
  @keyframes authRealSatReverse{
    0%{right:-62vw;bottom:3%;transform:rotate(174deg) scale(.82)}
    52%{bottom:14%;transform:rotate(187deg) scale(1)}
    100%{right:112vw;bottom:28%;transform:rotate(200deg) scale(.86)}
  }
}
@media(prefers-reduced-motion:reduce){
  .auth-map-scene::before,.auth-map-scene::after{animation:none!important}
  .auth-satellite{left:3%;top:4%;animation:none!important}
  .auth-satellite::before{right:2%;bottom:3%;animation:none!important}
}

/* Responsive rectangular satellite orbit supplied by the customer */
.auth-page{
  --orbit-satellite-size:clamp(100px,12vw,200px);
  background:
    linear-gradient(rgba(10,0,0,.32),rgba(10,0,0,.56)),
    url("../../images/world-map-bg.jpg"),
    url("../../images/auth-cyber-satellite-bg-v1.png"),
    radial-gradient(circle at center,#450606,#080000 72%);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.auth-map-scene{
  z-index:1;
  overflow:hidden;
}
.auth-map-scene::before,
.auth-map-scene::after,
.auth-map-grid,
.auth-route,
.auth-map-pin{display:none!important}
.auth-satellite{
  display:block!important;
  position:absolute;
  z-index:1;
  top:5%;
  left:0;
  width:var(--orbit-satellite-size);
  height:var(--orbit-satellite-size);
  aspect-ratio:auto;
  background:none;
  opacity:.9;
  animation:orbitClockwise 30s linear infinite;
  will-change:left,top;
}
.auth-satellite>i{
  display:grid!important;
  width:100%;
  height:100%;
  place-items:center;
  color:transparent;
  font-size:0;
  filter:drop-shadow(0 0 12px #ef4444);
  animation:orbitSpinClockwise 30s linear infinite;
}
.auth-satellite>i::before{
  color:initial;
  content:"🛰️";
  font-family:Arial,sans-serif;
  font-size:var(--orbit-satellite-size);
  line-height:1;
}
.auth-satellite::before{
  display:grid!important;
  position:fixed;
  z-index:1;
  right:auto;
  bottom:auto;
  left:calc(100% - var(--orbit-satellite-size));
  top:calc(100% - var(--orbit-satellite-size) - 5%);
  width:var(--orbit-satellite-size);
  height:var(--orbit-satellite-size);
  aspect-ratio:auto;
  place-items:center;
  background:none;
  color:initial;
  content:"🛰️";
  font-family:Arial,sans-serif;
  font-size:var(--orbit-satellite-size);
  line-height:1;
  filter:drop-shadow(0 0 12px #ef4444);
  animation:orbitAntiClockwise 30s linear infinite;
  will-change:transform,left,top;
}
.auth-shell{z-index:2}
.auth-shell::before{
  border-color:rgba(255,255,255,.16);
  background:rgba(18,0,0,.16);
  box-shadow:0 18px 55px rgba(0,0,0,.32);
  backdrop-filter:blur(5px);
}
.auth-card{
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(145deg,rgba(18,0,0,.48),rgba(35,2,2,.34));
  box-shadow:0 28px 78px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
}
@keyframes orbitClockwise{
  0%{left:0;top:5%}
  25%{left:calc(100% - var(--orbit-satellite-size));top:5%}
  50%{left:calc(100% - var(--orbit-satellite-size));top:calc(100% - var(--orbit-satellite-size) - 5%)}
  75%{left:0;top:calc(100% - var(--orbit-satellite-size) - 5%)}
  100%{left:0;top:5%}
}
@keyframes orbitAntiClockwise{
  0%{left:calc(100% - var(--orbit-satellite-size));top:calc(100% - var(--orbit-satellite-size) - 5%);transform:rotate(360deg)}
  25%{left:0;top:calc(100% - var(--orbit-satellite-size) - 5%);transform:rotate(270deg)}
  50%{left:0;top:5%;transform:rotate(180deg)}
  75%{left:calc(100% - var(--orbit-satellite-size));top:5%;transform:rotate(90deg)}
  100%{left:calc(100% - var(--orbit-satellite-size));top:calc(100% - var(--orbit-satellite-size) - 5%);transform:rotate(0deg)}
}
@keyframes orbitSpinClockwise{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@media(max-width:1024px){
  .auth-page{--orbit-satellite-size:clamp(82px,13vw,135px)}
}
@media(max-width:767px){
  .auth-page{
    --orbit-satellite-size:clamp(58px,20vw,92px);
    background-position:center;
  }
  .auth-card{background:linear-gradient(145deg,rgba(18,0,0,.58),rgba(35,2,2,.45))}
}
@media(max-width:390px){
  .auth-page{--orbit-satellite-size:clamp(52px,18vw,72px)}
}
@media(prefers-reduced-motion:reduce){
  .auth-satellite{
    left:0;
    top:5%;
    animation:none!important;
  }
  .auth-satellite>i{animation:none!important}
  .auth-satellite::before{
    left:calc(100% - var(--orbit-satellite-size));
    top:calc(100% - var(--orbit-satellite-size) - 5%);
    animation:none!important;
  }
}

/* Independent opposite orbit layers + transparent green glass form */
.auth-satellite::before{display:none!important}
.auth-map-scene::after{
  display:grid!important;
  position:absolute;
  z-index:1;
  right:auto;
  bottom:auto;
  left:calc(100% - var(--orbit-satellite-size));
  top:calc(100% - var(--orbit-satellite-size) - 5%);
  width:var(--orbit-satellite-size);
  height:var(--orbit-satellite-size);
  place-items:center;
  background:none;
  color:initial;
  content:"🛰️";
  font-family:Arial,sans-serif;
  font-size:var(--orbit-satellite-size);
  line-height:1;
  filter:drop-shadow(0 0 12px #22c55e);
  animation:orbitAntiClockwiseFlex 30s linear infinite;
  will-change:left,top,transform;
}
.auth-satellite>i{
  filter:drop-shadow(0 0 12px #22c55e);
  animation:orbitClockwiseFlip 30s linear infinite;
}
.auth-shell::before{
  border-color:rgba(74,222,128,.24);
  background:rgba(0,30,13,.13);
  box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 38px rgba(34,197,94,.1);
  backdrop-filter:blur(5px);
}
@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
  .auth-card{background:rgba(4,40,19,.78)}
}
.auth-card{
  border-color:rgba(134,239,172,.34);
  background:linear-gradient(145deg,rgba(3,55,23,.54),rgba(1,31,14,.4));
  box-shadow:0 28px 78px rgba(0,0,0,.5),0 0 34px rgba(34,197,94,.1),inset 0 1px 0 rgba(220,252,231,.13);
  backdrop-filter:blur(10px) saturate(125%);
  -webkit-backdrop-filter:blur(10px) saturate(125%);
}
.auth-card::before{
  background:linear-gradient(90deg,transparent,#15803d 20%,#4ade80 50%,#15803d 80%,transparent);
  box-shadow:0 0 17px rgba(34,197,94,.65);
}
.auth-card::after{border-color:rgba(74,222,128,.055)}
.auth-kicker{
  border-color:rgba(134,239,172,.33);
  background:rgba(20,83,45,.32);
  color:#bbf7d0;
}
.auth-title{color:#f0fdf4}
.auth-subtitle{color:#b8d8c4}
.auth-field-icon{color:#4ade80}
.auth-control{
  border-color:rgba(134,239,172,.3);
  background:rgba(0,20,8,.52);
  color:#f0fdf4;
}
.auth-control::placeholder{color:#93b5a0}
.auth-control:focus{
  border-color:#4ade80;
  background:rgba(0,30,12,.68);
  box-shadow:0 0 0 4px rgba(34,197,94,.13),0 8px 22px rgba(0,0,0,.3);
}
.auth-field:focus-within .auth-field-icon{color:#bbf7d0}
.auth-submit{
  background:linear-gradient(135deg,#166534,#22c55e 55%,#15803d);
  box-shadow:0 11px 28px rgba(34,197,94,.23);
}
.auth-submit:hover{box-shadow:0 15px 34px rgba(34,197,94,.3)}
.auth-footer{color:#b0ccba}
.auth-footer a{color:#4ade80}
@keyframes orbitClockwiseFlip{
  0%{transform:rotate(0deg) scaleX(1)}
  24%{transform:rotate(86deg) scaleX(1)}
  26%{transform:rotate(94deg) scaleX(-1)}
  49%{transform:rotate(176deg) scaleX(-1)}
  51%{transform:rotate(184deg) scaleX(1)}
  74%{transform:rotate(266deg) scaleX(1)}
  76%{transform:rotate(274deg) scaleX(-1)}
  99%{transform:rotate(356deg) scaleX(-1)}
  100%{transform:rotate(360deg) scaleX(1)}
}
@keyframes orbitAntiClockwiseFlex{
  0%{left:calc(100% - var(--orbit-satellite-size));top:calc(100% - var(--orbit-satellite-size) - 5%);transform:rotate(360deg) scaleX(-1)}
  24%{transform:rotate(274deg) scaleX(-1)}
  25%{left:0;top:calc(100% - var(--orbit-satellite-size) - 5%);transform:rotate(270deg) scaleX(1)}
  49%{transform:rotate(184deg) scaleX(1)}
  50%{left:0;top:5%;transform:rotate(180deg) scaleX(-1)}
  74%{transform:rotate(94deg) scaleX(-1)}
  75%{left:calc(100% - var(--orbit-satellite-size));top:5%;transform:rotate(90deg) scaleX(1)}
  99%{transform:rotate(4deg) scaleX(1)}
  100%{left:calc(100% - var(--orbit-satellite-size));top:calc(100% - var(--orbit-satellite-size) - 5%);transform:rotate(0deg) scaleX(-1)}
}
@media(max-width:767px){
  .auth-card{background:linear-gradient(145deg,rgba(3,55,23,.62),rgba(1,31,14,.5))}
}
@media(prefers-reduced-motion:reduce){
  .auth-map-scene::after{
    left:calc(100% - var(--orbit-satellite-size));
    top:calc(100% - var(--orbit-satellite-size) - 5%);
    animation:none!important;
  }
  .auth-satellite>i{animation:none!important}
}

/* Keep the generated world map meaningful at every viewport ratio */
.auth-page{
  background-size:cover,cover,cover,cover;
  background-position:center,center,center,center;
}
@media(max-width:1024px) and (orientation:portrait){
  .auth-page{
    background-size:cover,100% auto,cover,cover;
    background-position:center,center,center,center;
  }
}
@media(max-width:767px){
  .auth-page{
    background-size:cover,100% auto,cover,cover;
    background-position:center,center,center,center;
  }
}
@media(max-height:520px) and (orientation:landscape){
  .auth-page{
    background-size:cover,cover,cover,cover;
    background-position:center,center,center,center;
  }
}

/* Temporary login lock countdown */
.auth-lock-timer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:-2px 0 11px;
  padding:9px 11px;
  border:1px solid rgba(253,186,116,.32);
  border-radius:10px;
  background:rgba(124,45,18,.35);
  color:#fed7aa;
  font-size:11px;
  font-weight:750;
  text-align:center;
}
.auth-lock-timer i{color:#fb923c}
.auth-lock-timer strong{
  display:inline-block;
  min-width:58px;
  color:#fff7ed;
  font-variant-numeric:tabular-nums;
}
.auth-submit:disabled{
  cursor:not-allowed;
  opacity:.5;
  filter:saturate(.45);
  transform:none;
  box-shadow:none;
}
.simsim-uppercase-input{text-transform:uppercase!important}
.simsim-global-toast{top:50%!important;transform:translate(-50%,-50%) scale(.96)!important}.simsim-global-toast.show{transform:translate(-50%,-50%) scale(1)!important}.simsim-confirm-backdrop{align-items:center!important;padding:12px!important}
.auth-legal-consent{display:flex;align-items:center;gap:5px;margin:2px 0 8px;color:#b0ccba;font-size:7.5px;font-weight:650;line-height:1.2;text-align:left;white-space:nowrap}.auth-legal-consent input{flex:0 0 auto;width:13px;height:13px;margin:0;accent-color:#dc2626}.auth-legal-consent a{color:#4ade80;font-weight:850;text-decoration:none}.auth-switch{display:flex;align-items:center;justify-content:center;gap:7px}.auth-switch a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:0 11px;border:1px solid #4ade80;border-radius:8px;background:#166534;color:#fff!important;font-size:8px;font-weight:900;box-shadow:0 7px 18px #0003}.auth-switch a:hover{background:#15803d}.auth-card-body>a[aria-label="Open SIMSIM website"]{display:block;width:max-content;max-width:100%;margin:auto;text-decoration:none}

/* V49 shared anchored refresh interval menu and header feedback. */
.interval-dropdown{position:relative;display:inline-flex;vertical-align:middle;min-width:82px;max-width:100%;z-index:20}
.interval-dropdown-native{display:none!important}
.interval-dropdown-button{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;min-width:82px;height:32px;padding:0 9px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#172033;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 2px 7px rgba(15,23,42,.07)}
.interval-dropdown-button i{font-size:8px;transition:transform .18s}.interval-dropdown.open .interval-dropdown-button i{transform:rotate(180deg)}
.interval-dropdown-menu{position:fixed;z-index:12500;display:none;overflow:visible;padding:4px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.2)}
.interval-dropdown.open{z-index:12500}.interval-dropdown-menu.open{display:grid}
.interval-dropdown-option{display:block;width:100%;min-width:92px;height:29px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#334155;font-size:10px;font-weight:800;text-align:left;white-space:nowrap}
.interval-dropdown-option:hover,.interval-dropdown-option.selected{background:#eef4ff;color:#1d4ed8}.interval-dropdown-option:disabled{display:none}
.interval-dropdown-custom{display:none;grid-template-columns:minmax(0,1fr) 34px;gap:4px;padding:4px 2px 1px}.interval-dropdown-custom.show{display:grid}.interval-dropdown-custom input{width:100%;height:28px;min-width:0;padding:0 6px;border:1px solid #cbd5e1;border-radius:6px;color:#172033;font-size:9px;font-weight:800}.interval-dropdown-custom button{height:28px;padding:0;border:0;border-radius:6px;background:#2563eb;color:#fff;font-size:8px;font-weight:900}
body.simsim-feedback-active .header{filter:blur(2px);opacity:.7;transition:filter .16s,opacity .16s}
html body .simsim-global-toast{top:max(7px,env(safe-area-inset-top))!important;width:min(520px,calc(100vw - 24px))!important;max-width:none!important;min-height:46px!important;padding:10px 16px!important;border-radius:12px!important;font-size:12px!important;font-weight:800!important;line-height:1.3!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:translate(-50%,-8px)!important}
html body .simsim-global-toast.show{transform:translate(-50%,0)!important}
@media(max-width:767px){.interval-dropdown{min-width:74px}.interval-dropdown-button{min-width:74px;height:30px;padding:0 8px;font-size:9px}.interval-dropdown-option{height:24px;font-size:8.5px}html body .simsim-global-toast{width:calc(100vw - 16px)!important;min-height:43px!important;padding:8px 11px!important;border-radius:10px!important;font-size:10px!important}}
.auth-card-body{position:relative}.auth-top-actions{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 3px}.auth-back-button,.auth-support-button{display:inline-flex;align-items:center;justify-content:center;height:29px;border:1px solid rgba(127,29,29,.2);border-radius:8px;background:rgba(255,255,255,.7);color:#7f1d1d!important;font-size:9px;font-weight:900;text-decoration:none;box-shadow:0 4px 12px rgba(127,29,29,.1)}.auth-back-button{width:31px}.auth-support-button{gap:5px;padding:0 10px}.auth-support-backdrop{position:fixed;z-index:13000;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(15,23,42,.3);backdrop-filter:blur(4px)}.auth-support-backdrop[hidden]{display:none}.auth-support-popup{position:relative;width:min(300px,calc(100vw - 28px));padding:18px 14px 14px;border:1px solid rgba(127,29,29,.18);border-radius:15px;background:rgba(255,250,247,.96);color:#172033;text-align:center;box-shadow:0 20px 50px rgba(15,23,42,.24)}.auth-support-close{position:absolute;top:7px;right:7px;width:27px;height:27px;border:0;border-radius:8px;background:#fee2e2;color:#991b1b}.auth-support-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 6px;border-radius:11px;background:#dcfce7;color:#15803d;font-size:16px}.auth-support-popup strong{display:block;font-size:14px;font-weight:900}.auth-support-popup p{margin:4px 0 11px;color:#475569;font-size:9px;font-weight:700}.auth-support-popup>div{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.auth-support-popup a{display:inline-flex;align-items:center;gap:5px;min-height:31px;padding:0 10px;border-radius:8px;background:#166534;color:#fff!important;font-size:9px;font-weight:850;text-decoration:none}
.auth-card-body .auth-top-actions{justify-content:center;gap:8px;margin:8px 0 0}.auth-card-body .auth-back-button{width:auto;gap:5px;padding:0 12px}.auth-card-body .auth-back-button i{font-size:11px;font-weight:900}.auth-card-body .auth-support-button{padding:0 12px}
@media(max-width:600px){.auth-legal-consent{gap:4px;font-size:6.4px;letter-spacing:-.01em}.auth-legal-consent input{width:12px;height:12px}.auth-switch{margin-top:8px!important;font-size:7.5px!important}.auth-switch a{min-height:27px;padding:0 9px;font-size:7.5px}}

/* V37 responsive beige tracking background and notch-safe authentication */
.auth-page{
 min-height:100svh!important;
 padding-top:max(14px,env(safe-area-inset-top))!important;
 padding-right:max(14px,env(safe-area-inset-right))!important;
 padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
 padding-left:max(14px,env(safe-area-inset-left))!important;
 background-image:linear-gradient(rgba(54,35,22,.12),rgba(54,35,22,.2)),url("../../images/auth/beige-tracking-world-v1.png")!important;
 background-position:center!important;
 background-size:cover!important;
 background-repeat:no-repeat!important;
 background-attachment:fixed!important;
}
.auth-map-scene{display:none!important}
.auth-shell{width:min(390px,100%)!important;max-width:390px!important;margin:auto!important}
.auth-shell::before{display:none!important}
.auth-card{border:1px solid rgba(134,239,172,.42)!important;background:rgba(3,46,31,.88)!important;box-shadow:0 22px 65px rgba(42,24,12,.34)!important;backdrop-filter:blur(15px) saturate(1.05)!important;-webkit-backdrop-filter:blur(15px) saturate(1.05)!important}
.auth-card-body{padding:18px 20px 20px!important}
.auth-title{color:#f0fdf4!important}.auth-subtitle{color:#bbd7c4!important}.auth-field{margin-bottom:9px!important}.auth-control{height:42px!important;border-color:rgba(187,247,208,.25)!important;background:rgba(255,255,255,.94)!important}.auth-submit{height:41px!important;background:linear-gradient(135deg,#16a34a,#047857)!important;box-shadow:0 9px 22px rgba(5,150,105,.25)!important}
@media(max-width:767px){
 .auth-page{align-items:center!important;background-attachment:scroll!important;background-position:62% center!important}
 .auth-shell{width:min(304px,calc(100vw - max(28px,env(safe-area-inset-left) + env(safe-area-inset-right))))!important;max-width:304px!important}
 .auth-card-body{padding:13px 13px 14px!important}
 .auth-logo{width:min(150px,64%)!important}
 .auth-title{font-size:18px!important}.auth-subtitle{margin:3px 0 10px!important;font-size:8px!important}
 .auth-control{height:37px!important;font-size:10px!important}.auth-submit{height:37px!important;font-size:10px!important}
}
@media(min-width:768px) and (max-width:1100px){
 .auth-shell{width:min(360px,calc(100vw - 40px))!important;max-width:360px!important}
 .auth-page{background-position:56% center!important}
}
@media(max-width:380px){
 .auth-shell{width:min(286px,calc(100vw - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right))))!important;max-width:286px!important}
 .auth-card-body{padding:11px 11px 12px!important}
}

/* V38 live-map authentication with translucent glass cards */
.auth-page{
 background-image:linear-gradient(rgba(1,12,16,.12),rgba(1,18,17,.2)),url("../../images/auth/live-tracking-map-v2.png")!important;
 background-position:center!important;
}
.auth-card{
 border-color:rgba(134,239,172,.36)!important;
 background:linear-gradient(145deg,rgba(2,44,34,.66),rgba(2,24,28,.56))!important;
 box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
 backdrop-filter:blur(12px) saturate(1.15)!important;
 -webkit-backdrop-filter:blur(12px) saturate(1.15)!important;
}
.auth-live-satellites{position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none}
.auth-live-satellites i{position:absolute;color:#dbeafe;font-size:clamp(38px,5vw,72px);opacity:.72;filter:drop-shadow(0 0 10px rgba(96,165,250,.75));will-change:transform}
.sat-live-one{left:-9%;top:15%;animation:satLiveOne 34s linear infinite}
.sat-live-two{right:-9%;bottom:13%;animation:satLiveTwo 39s linear infinite}
@keyframes satLiveOne{0%{transform:translate(-10vw,5vh) rotate(-20deg)}50%{transform:translate(58vw,17vh) rotate(15deg)}100%{transform:translate(118vw,2vh) rotate(35deg)}}
@keyframes satLiveTwo{0%{transform:translate(10vw,4vh) rotate(160deg)}50%{transform:translate(-52vw,-16vh) rotate(195deg)}100%{transform:translate(-118vw,-3vh) rotate(215deg)}}
@media(max-width:767px){
 .auth-page{background-position:52% center!important}
 .auth-card{background:linear-gradient(145deg,rgba(2,44,34,.61),rgba(2,24,28,.53))!important}
 .auth-live-satellites i{font-size:clamp(31px,11vw,46px);opacity:.66}
 .sat-live-one{top:10%;animation-duration:29s}.sat-live-two{bottom:10%;animation-duration:33s}
}
@media(prefers-reduced-motion:reduce){.auth-live-satellites i{animation:none!important}.sat-live-one{left:4%;top:12%}.sat-live-two{right:4%;bottom:12%}}

/* V39 bright 3D map with orientation-specific artwork and four searching satellites */
.auth-page{
 background-image:linear-gradient(rgba(255,255,255,.05),rgba(255,244,239,.08)),url("../../images/auth/colorful-3d-map-landscape-v3.png")!important;
 background-position:center!important;
 background-size:cover!important;
}
.auth-card{
 border:1px solid rgba(255,255,255,.72)!important;
 background:linear-gradient(145deg,rgba(255,228,225,.69),rgba(254,202,202,.57))!important;
 box-shadow:0 24px 70px rgba(127,29,29,.22)!important;
 backdrop-filter:blur(13px) saturate(1.18)!important;
 -webkit-backdrop-filter:blur(13px) saturate(1.18)!important;
}
.auth-title{color:#68131d!important;text-shadow:0 1px 0 rgba(255,255,255,.75)!important}
.auth-subtitle{color:#7f1d1d!important}.auth-kicker{border-color:rgba(185,28,28,.3)!important;background:rgba(255,255,255,.48)!important;color:#991b1b!important}.auth-footer{color:#68131d!important}.auth-legal-consent{color:#68131d!important}.auth-legal-consent a{color:#991b1b!important}.auth-switch a{border-color:#dc2626!important;background:linear-gradient(135deg,#dc2626,#b91c1c)!important}
.auth-control{border-color:rgba(185,28,28,.23)!important;background:rgba(255,255,255,.84)!important}
.auth-submit{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;box-shadow:0 9px 22px rgba(185,28,28,.26)!important}
.auth-live-satellites i{font-size:clamp(58px,8vw,112px)!important;color:#f8fafc!important;opacity:.9!important;filter:drop-shadow(0 8px 7px rgba(15,23,42,.24)) drop-shadow(0 0 15px rgba(14,165,233,.66))!important}
.auth-live-satellites i::after{content:"";position:absolute;left:50%;top:62%;width:58px;height:58px;border:3px solid rgba(14,165,233,.65);border-radius:50%;transform:translate(-50%,-50%);animation:satSearchPulse 2.2s ease-out infinite}
.sat-live-one{left:-12%;top:7%;animation:satSearchOne 31s linear infinite!important}
.sat-live-two{right:-12%;bottom:7%;animation:satSearchTwo 35s linear infinite!important}
.sat-live-three{right:-14%;top:36%;animation:satSearchThree 38s linear infinite!important}
.sat-live-four{left:-14%;bottom:30%;animation:satSearchFour 42s linear infinite!important}
@keyframes satSearchPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.25)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
@keyframes satSearchOne{0%{transform:translate(-10vw,0) rotate(-18deg) scale(.94)}50%{transform:translate(62vw,13vh) rotate(10deg) scale(1.06)}100%{transform:translate(122vw,2vh) rotate(28deg) scale(.94)}}
@keyframes satSearchTwo{0%{transform:translate(10vw,0) rotate(162deg) scale(1.05)}50%{transform:translate(-62vw,-15vh) rotate(192deg) scale(.94)}100%{transform:translate(-122vw,-3vh) rotate(214deg) scale(1.05)}}
@keyframes satSearchThree{0%{transform:translate(10vw,-7vh) rotate(205deg) scale(.93)}50%{transform:translate(-58vw,22vh) rotate(174deg) scale(1.07)}100%{transform:translate(-122vw,38vh) rotate(148deg) scale(.93)}}
@keyframes satSearchFour{0%{transform:translate(-10vw,8vh) rotate(24deg) scale(1.06)}50%{transform:translate(60vw,-24vh) rotate(-4deg) scale(.94)}100%{transform:translate(122vw,-42vh) rotate(-30deg) scale(1.06)}}
@media(orientation:portrait){
 .auth-page{background-image:linear-gradient(rgba(255,255,255,.03),rgba(255,239,235,.07)),url("../../images/auth/colorful-3d-map-portrait-v3.png")!important;background-position:center!important}
}
@media(max-width:767px){
 .auth-card{background:linear-gradient(145deg,rgba(255,228,225,.66),rgba(254,202,202,.54))!important}
 .auth-live-satellites i{font-size:clamp(50px,18vw,76px)!important}
 .auth-live-satellites i::after{width:43px;height:43px;border-width:2px}
}
@media(prefers-reduced-motion:reduce){.auth-live-satellites i,.auth-live-satellites i::after{animation:none!important}.sat-live-three{right:4%;top:38%}.sat-live-four{left:4%;bottom:35%}}

/* V40: readable translucent auth cards and realistic coloured satellites */
body.auth-page .auth-card{
 background:linear-gradient(145deg,rgba(255,235,233,.62),rgba(254,202,202,.48))!important;
 border:1px solid rgba(153,27,27,.28)!important;
 box-shadow:0 22px 55px rgba(127,29,29,.18),inset 0 1px 0 rgba(255,255,255,.72)!important;
 backdrop-filter:blur(11px) saturate(1.12)!important;
 -webkit-backdrop-filter:blur(11px) saturate(1.12)!important;
}
body.auth-page .auth-card :where(.auth-title,.auth-subtitle,.auth-kicker,.auth-footer,.auth-legal-consent,label,.form-label,.form-text){
 color:#111827!important;font-weight:800!important;text-shadow:none!important
}
body.auth-page .auth-card :where(a,.auth-link){color:#8b111b!important;font-weight:850!important}
body.auth-page .auth-card .auth-control,
body.auth-page .auth-card input,
body.auth-page .auth-card select{
 color:#0b0f19!important;font-weight:800!important;-webkit-text-fill-color:#0b0f19!important;caret-color:#991b1b!important
}
body.auth-page .auth-card input::placeholder{
 color:#4b5563!important;font-weight:700!important;opacity:.9!important;-webkit-text-fill-color:#4b5563!important
}
body.auth-page .auth-card .auth-field-icon{color:#7f1d1d!important}
.auth-live-satellites .auth-real-satellite{
 position:absolute;z-index:1;display:block;width:clamp(155px,18vw,300px);opacity:.96;pointer-events:none;will-change:transform;
 filter:drop-shadow(0 14px 14px rgba(15,23,42,.28)) drop-shadow(0 0 15px rgba(14,165,233,.24))
}
.auth-live-satellites .auth-real-satellite img{display:block;width:100%;height:auto;transform-origin:center}
.auth-live-satellites .auth-real-satellite::after{
 content:"";position:absolute;left:50%;top:58%;width:64px;height:64px;border:3px solid rgba(220,38,38,.68);
 border-radius:50%;transform:translate(-50%,-50%) scale(.25);opacity:0;animation:satSearchPulse 2.4s ease-out infinite
}
.auth-live-satellites .sat-live-one{animation:satSearchOne 25s ease-in-out infinite!important}
.auth-live-satellites .sat-live-two{animation:satSearchTwo 29s ease-in-out infinite!important}
.auth-live-satellites .sat-live-three{animation:satSearchThree 27s ease-in-out infinite!important}
.auth-live-satellites .sat-live-four{animation:satSearchFour 31s ease-in-out infinite!important}
.auth-live-satellites .sat-live-two img{filter:hue-rotate(18deg) saturate(1.08)}
.auth-live-satellites .sat-live-three img{filter:hue-rotate(-18deg) saturate(1.18)}
.auth-live-satellites .sat-live-four img{filter:hue-rotate(38deg) saturate(1.12)}
@media(max-width:767px){
 body.auth-page .auth-card{background:linear-gradient(145deg,rgba(255,235,233,.68),rgba(254,202,202,.54))!important}
 .auth-live-satellites .auth-real-satellite{width:clamp(112px,37vw,175px);opacity:.92}
}
@media(prefers-reduced-motion:reduce){
 .auth-live-satellites .auth-real-satellite,.auth-live-satellites .auth-real-satellite::after{animation:none!important}
}

/* V41: transparent glass, reliable typed text and corner-to-corner satellite paths */
body.auth-page .auth-card{
 background:linear-gradient(145deg,rgba(255,235,233,.48),rgba(254,202,202,.36))!important;
 backdrop-filter:blur(9px) saturate(1.08)!important;
 -webkit-backdrop-filter:blur(9px) saturate(1.08)!important;
}
body.auth-page .auth-card .auth-control,
body.auth-page .auth-card input:not([type="checkbox"]),
body.auth-page .auth-card input:not([type="checkbox"]):focus,
body.auth-page .auth-card input:not([type="checkbox"]):active{
 background-color:rgba(255,255,255,.86)!important;
 background-image:none!important;
 color:#000!important;
 font-weight:800!important;
 opacity:1!important;
 -webkit-text-fill-color:#000!important;
 text-shadow:none!important;
}
body.auth-page .auth-card input:-webkit-autofill,
body.auth-page .auth-card input:-webkit-autofill:hover,
body.auth-page .auth-card input:-webkit-autofill:focus,
body.auth-page .auth-card input:-webkit-autofill:active{
 -webkit-text-fill-color:#000!important;
 caret-color:#000!important;
 -webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.92) inset!important;
 box-shadow:0 0 0 1000px rgba(255,255,255,.92) inset!important;
 font-weight:800!important;
 transition:background-color 99999s ease-out 0s!important;
}
.auth-live-satellites .auth-real-satellite{
 width:clamp(145px,17vw,275px);
 transform-origin:center!important;
}
.auth-live-satellites .auth-real-satellite::before{
 content:"";position:absolute;z-index:-1;left:42%;top:54%;width:70%;height:105%;
 background:linear-gradient(180deg,rgba(253,224,71,.30),rgba(56,189,248,.13) 48%,transparent 90%);
 clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);
 filter:blur(7px);opacity:.68;transform:rotate(5deg);transform-origin:50% 0
}
.auth-live-satellites .sat-live-one{left:-21vw!important;right:auto!important;top:-12vh!important;bottom:auto!important;animation:satCornerOne 34s linear infinite!important}
.auth-live-satellites .sat-live-two{right:-21vw!important;left:auto!important;top:-12vh!important;bottom:auto!important;animation:satCornerTwo 37s linear infinite!important}
.auth-live-satellites .sat-live-three{left:-21vw!important;right:auto!important;bottom:-12vh!important;top:auto!important;animation:satCornerThree 40s linear infinite!important}
.auth-live-satellites .sat-live-four{right:-21vw!important;left:auto!important;bottom:-12vh!important;top:auto!important;animation:satCornerFour 43s linear infinite!important}
@keyframes satCornerOne{
 0%{transform:translate3d(0,0,0) rotate(28deg)}
 100%{transform:translate3d(142vw,124vh,0) rotate(28deg)}
}
@keyframes satCornerTwo{
 0%{transform:translate3d(0,0,0) rotate(152deg)}
 100%{transform:translate3d(-142vw,124vh,0) rotate(152deg)}
}
@keyframes satCornerThree{
 0%{transform:translate3d(0,0,0) rotate(-28deg)}
 100%{transform:translate3d(142vw,-124vh,0) rotate(-28deg)}
}
@keyframes satCornerFour{
 0%{transform:translate3d(0,0,0) rotate(208deg)}
 100%{transform:translate3d(-142vw,-124vh,0) rotate(208deg)}
}
@media(max-width:767px){
 body.auth-page .auth-card{background:linear-gradient(145deg,rgba(255,235,233,.55),rgba(254,202,202,.43))!important}
 .auth-live-satellites .auth-real-satellite{width:clamp(105px,33vw,155px)}
 .auth-live-satellites .auth-real-satellite::before{height:90%;opacity:.56}
}
@media(orientation:landscape) and (max-height:600px){
 .auth-live-satellites .auth-real-satellite{width:clamp(92px,15vw,145px)}
}
@media(prefers-reduced-motion:reduce){
 .auth-live-satellites .auth-real-satellite{animation:none!important}
 .auth-live-satellites .auth-real-satellite::before,
 .auth-live-satellites .auth-real-satellite::after{animation:none!important}
}

/* V42: manual-entry contrast, transparent glass and collision-free orbital satellites */
body.auth-page .auth-card{
 background:linear-gradient(145deg,rgba(255,235,233,.39),rgba(254,202,202,.29))!important;
 backdrop-filter:blur(8px) saturate(1.06)!important;
 -webkit-backdrop-filter:blur(8px) saturate(1.06)!important;
}
body.auth-page form input.auth-control,
body.auth-page form input.auth-control:hover,
body.auth-page form input.auth-control:focus,
body.auth-page form input.auth-control:active,
body.auth-page form input.auth-control:valid,
body.auth-page form input.auth-control:not(:placeholder-shown){
 color:#000!important;
 -webkit-text-fill-color:#000!important;
 font-weight:900!important;
 font-family:inherit!important;
 text-shadow:none!important;
 opacity:1!important;
 caret-color:#000!important;
 color-scheme:light!important;
 background:rgba(255,255,255,.82)!important;
}
body.auth-page form input.auth-control::first-line{
 color:#000!important;
 -webkit-text-fill-color:#000!important;
 font-weight:900!important;
}
.auth-live-satellites .auth-real-satellite::after{display:none!important}
.auth-live-satellites .auth-real-satellite{
 left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
 width:clamp(140px,16vw,255px);opacity:.94;
 offset-rotate:auto 12deg;
 animation:authSatelliteOrbit 42s linear infinite!important
}
.auth-live-satellites .auth-real-satellite::before{
 left:43%;top:55%;width:66%;height:112%;opacity:.56;
 background:linear-gradient(180deg,rgba(255,230,110,.38),rgba(56,189,248,.16) 50%,transparent 92%);
 animation:authDishBeam 2.8s ease-in-out infinite!important
}
.auth-live-satellites .sat-live-one{
 offset-path:ellipse(43vw 39vh at 0 0);animation-delay:0s!important
}
.auth-live-satellites .sat-live-two{
 offset-path:ellipse(37vw 32vh at 0 0);animation-delay:-10.5s!important
}
.auth-live-satellites .sat-live-three{
 offset-path:ellipse(46vw 29vh at 0 0);animation-delay:-21s!important
}
.auth-live-satellites .sat-live-four{
 offset-path:ellipse(32vw 42vh at 0 0);animation-delay:-31.5s!important
}
@keyframes authSatelliteOrbit{
 from{offset-distance:0}
 to{offset-distance:100%}
}
@keyframes authDishBeam{
 0%,100%{opacity:.28;transform:rotate(5deg) scaleY(.72)}
 50%{opacity:.72;transform:rotate(5deg) scaleY(1.08)}
}
@media(max-width:767px){
 body.auth-page .auth-card{background:linear-gradient(145deg,rgba(255,235,233,.47),rgba(254,202,202,.35))!important}
 .auth-live-satellites .auth-real-satellite{width:clamp(98px,29vw,140px)}
 .auth-live-satellites .sat-live-one{offset-path:ellipse(40vw 43vh at 0 0)}
 .auth-live-satellites .sat-live-two{offset-path:ellipse(31vw 35vh at 0 0)}
 .auth-live-satellites .sat-live-three{offset-path:ellipse(44vw 29vh at 0 0)}
 .auth-live-satellites .sat-live-four{offset-path:ellipse(25vw 46vh at 0 0)}
}
@media(orientation:landscape) and (max-height:600px){
 .auth-live-satellites .auth-real-satellite{width:clamp(88px,13vw,132px)}
 .auth-live-satellites .sat-live-one{offset-path:ellipse(44vw 34vh at 0 0)}
 .auth-live-satellites .sat-live-two{offset-path:ellipse(36vw 27vh at 0 0)}
 .auth-live-satellites .sat-live-three{offset-path:ellipse(47vw 22vh at 0 0)}
 .auth-live-satellites .sat-live-four{offset-path:ellipse(29vw 39vh at 0 0)}
}
@media(prefers-reduced-motion:reduce){
 .auth-live-satellites .auth-real-satellite{animation:none!important;offset-distance:var(--static-orbit,15%)}
 .auth-live-satellites .sat-live-two{--static-orbit:35%}
 .auth-live-satellites .sat-live-three{--static-orbit:60%}
 .auth-live-satellites .sat-live-four{--static-orbit:82%}
 .auth-live-satellites .auth-real-satellite::before{animation:none!important;opacity:.42}
}

/* V43 final auth adjustment: no autofill, black text and four-satellite fan orbit */
.auth-autofill-decoy{
 position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;
 opacity:0!important;pointer-events:none!important
}
body.auth-page .auth-card{
 background:linear-gradient(145deg,rgba(255,235,233,.34),rgba(254,202,202,.24))!important;
 border-color:rgba(153,27,27,.23)!important;
 backdrop-filter:blur(7px) saturate(1.04)!important;
 -webkit-backdrop-filter:blur(7px) saturate(1.04)!important
}
body.auth-page .auth-card :where(.auth-title,.auth-subtitle,.auth-kicker,.auth-footer,.auth-legal-consent,label,p,span,small,strong){
 color:#000!important;font-weight:800!important;text-shadow:none!important
}
body.auth-page .auth-card :where(.auth-field-icon,.auth-kicker i){color:#000!important}
body.auth-page .auth-card form input.auth-control,
body.auth-page .auth-card form input.auth-control:hover,
body.auth-page .auth-card form input.auth-control:focus,
body.auth-page .auth-card form input.auth-control:active,
body.auth-page .auth-card form input.auth-control:valid,
body.auth-page .auth-card form input.auth-control:not(:placeholder-shown){
 color:#000!important;-webkit-text-fill-color:#000!important;font-weight:900!important;text-shadow:none!important;
 caret-color:#000!important;opacity:1!important;background:rgba(255,255,255,.78)!important
}
body.auth-page .auth-card form input.auth-control::placeholder{
 color:#374151!important;-webkit-text-fill-color:#374151!important;font-weight:750!important;opacity:.92!important
}
body.auth-page .auth-card .auth-submit,
body.auth-page .auth-card .auth-submit :where(span,i){color:#fff!important;-webkit-text-fill-color:#fff!important}
.auth-live-satellites .auth-real-satellite{
 --satellite-size:clamp(96px,12vw,150px);
 --orbit-x:calc(50vw - 86px);
 --orbit-y:calc(50dvh - 86px);
 left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
 width:var(--satellite-size)!important;
 offset-path:ellipse(var(--orbit-x) var(--orbit-y) at 0 0)!important;
 offset-rotate:auto 10deg!important;
 animation:authFanOrbit 44s linear infinite!important;
 opacity:.96!important
}
.auth-live-satellites .sat-live-one{animation-delay:0s!important}
.auth-live-satellites .sat-live-two{animation-delay:-11s!important}
.auth-live-satellites .sat-live-three{animation-delay:-22s!important}
.auth-live-satellites .sat-live-four{animation-delay:-33s!important}
.auth-live-satellites .auth-real-satellite::after{display:none!important}
.auth-live-satellites .auth-real-satellite::before{
 display:block!important;opacity:.48;
 animation:authDishBeam 3s ease-in-out infinite!important
}
@keyframes authFanOrbit{from{offset-distance:0}to{offset-distance:100%}}
@media(max-width:767px){
 body.auth-page .auth-card{background:linear-gradient(145deg,rgba(255,235,233,.42),rgba(254,202,202,.31))!important}
 .auth-live-satellites .auth-real-satellite{
  --satellite-size:clamp(68px,20vw,92px);
  --orbit-x:calc(50vw - 52px);
  --orbit-y:calc(50dvh - 54px)
 }
}
@media(orientation:landscape) and (max-height:600px){
 .auth-live-satellites .auth-real-satellite{
  --satellite-size:clamp(62px,10vw,82px);
  --orbit-x:calc(50vw - 48px);
  --orbit-y:calc(50dvh - 48px)
 }
}
@media(prefers-reduced-motion:reduce){
 .auth-live-satellites .auth-real-satellite{animation:none!important}
 .auth-live-satellites .sat-live-one{offset-distance:0}
 .auth-live-satellites .sat-live-two{offset-distance:25%}
 .auth-live-satellites .sat-live-three{offset-distance:50%}
 .auth-live-satellites .sat-live-four{offset-distance:75%}
}

/* V51 auth actions stay together below the final account action. */
.auth-body .auth-card-body .auth-top-actions{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:8px 0 0!important}
.auth-body .auth-card-body .auth-back-button,
.auth-body .auth-card-body .auth-support-button{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:29px!important;padding:0 12px!important;gap:5px!important;font-size:9px!important;font-weight:900!important}
.auth-body .auth-card-body .auth-back-button i{font-size:11px!important;font-weight:900!important}

/* V59 compact two-column interval menu anchored below its control. */
html body .interval-dropdown{min-width:72px!important;width:auto!important}
html body .interval-dropdown-button{min-width:72px!important;width:auto!important;max-width:106px!important;height:29px!important;padding:0 7px!important;font-size:9px!important;font-weight:850!important}
html body .interval-dropdown-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px!important;max-height:none!important;overflow:visible!important;padding:4px!important}
html body .interval-dropdown-option{min-width:0!important;height:25px!important;padding:0 7px!important;font-size:8.5px!important;font-weight:850!important}
html body .interval-dropdown-custom{grid-column:1/-1!important}
@media(max-width:767px){
  html body .interval-dropdown-button{height:27px!important;font-size:8px!important}
  html body .interval-dropdown-option{height:23px!important;font-size:8px!important}
}

/* V48: clear auth typography, clickable logo and distinct account actions */
.auth-page .auth-logo-link{display:block;width:max-content;max-width:100%;margin:0 auto 3px;text-decoration:none;touch-action:manipulation}
.auth-page .auth-logo-link .auth-logo{display:block;margin:0 auto!important;pointer-events:auto!important;cursor:pointer}
.auth-page .auth-title{font-size:25px!important;font-weight:950!important;line-height:1.15!important}
.auth-page .auth-subtitle{margin:6px 0 15px!important;font-size:12px!important;font-weight:800!important;line-height:1.45!important}
.auth-page .auth-kicker{font-size:10px!important;font-weight:900!important}
.auth-page .auth-control{height:46px!important;font-size:14px!important;font-weight:900!important}
.auth-page .auth-control::placeholder{font-size:12px!important;font-weight:750!important}
.auth-page .auth-field-icon{font-size:13px!important}
.auth-page .auth-submit{height:45px!important;font-size:13px!important;font-weight:950!important}
.auth-page .auth-footer{font-size:11px!important;font-weight:850!important}
.auth-page .auth-switch a{min-height:33px!important;padding:0 12px!important;font-size:10px!important;font-weight:950!important}
.auth-page .auth-legal-consent{font-size:9px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important}
.auth-login-page .auth-login-submit{background:linear-gradient(135deg,#16a34a,#047857)!important;box-shadow:0 10px 24px rgba(5,150,105,.27)!important}
.auth-login-page .auth-login-submit:hover{background:linear-gradient(135deg,#15803d,#065f46)!important}
.auth-register-page .auth-register-submit{background:linear-gradient(135deg,#f97316,#dc2626)!important;box-shadow:0 10px 24px rgba(234,88,12,.25)!important}
.auth-register-page .auth-register-submit:hover{background:linear-gradient(135deg,#ea580c,#b91c1c)!important}
.auth-login-page .auth-switch a{border-color:#dc2626!important;background:#fff1f2!important;color:#b91c1c!important;box-shadow:0 7px 18px rgba(220,38,38,.12)!important}
.auth-register-page .auth-switch a{border-color:#16a34a!important;background:#ecfdf5!important;color:#047857!important;box-shadow:0 7px 18px rgba(5,150,105,.12)!important}
.auth-body.simsim-keyboard-open .auth-page{align-items:flex-start!important;height:var(--simsim-visual-height,100dvh)!important;min-height:var(--simsim-visual-height,100dvh)!important;overflow-y:auto!important;padding-top:8px!important;padding-bottom:8px!important}
.auth-body.simsim-keyboard-open .auth-shell{margin:auto!important}
@media(max-width:767px){
 .auth-page .auth-title{font-size:20px!important}
 .auth-page .auth-subtitle{font-size:10px!important}
 .auth-page .auth-kicker{font-size:8px!important}
 .auth-page .auth-control{height:42px!important;font-size:13px!important}
 .auth-page .auth-control::placeholder{font-size:10px!important}
 .auth-page .auth-submit{height:41px!important;font-size:11px!important}
 .auth-page .auth-footer{font-size:9px!important}
 .auth-page .auth-switch a{min-height:30px!important;font-size:8.5px!important}
 .auth-page .auth-legal-consent{font-size:7.5px!important}
}

/* Shared keyboard viewport fallback for forms rendered inside any user modal/page. */
.simsim-keyboard-open .main-content{min-height:var(--simsim-visual-height,100dvh)!important;padding-bottom:12px!important}
.simsim-keyboard-open :is(.sim-modal-backdrop,.vehicle-modal-backdrop,.fastag-modal-backdrop,.modal-backdrop,.profile-modal-backdrop).show{
 align-items:flex-start!important;overflow-y:auto!important;padding-top:8px!important;padding-bottom:8px!important
}
.simsim-keyboard-open :is(.sim-modal,.vehicle-modal,.fastag-modal,.modal-dialog,.profile-modal){
 max-height:calc(var(--simsim-visual-height,100dvh) - 16px)!important;overflow-y:auto!important
}

/* V46: authentication screens use the responsive background only */
.auth-map-scene,.auth-live-satellites,.auth-satellite{display:none!important}

/* V47: deliberate authentication navigation and touch-safe forms */
body.auth-body{overscroll-behavior-x:none;overscroll-behavior-y:none}
html.simsim-pwa .auth-back-button,body.simsim-pwa .auth-back-button{display:none!important}
.auth-body .auth-page{overscroll-behavior:contain}
.auth-body .auth-card{touch-action:pan-y}
.auth-body .auth-card::before,.auth-body .auth-card::after{pointer-events:none!important}
.auth-body .auth-card-body{position:relative}
.auth-body .auth-logo{display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.auth-back-button{position:absolute;z-index:8;left:10px;top:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:58px;height:29px;padding:0 8px;border:1px solid rgba(153,27,27,.25);border-radius:8px;background:rgba(255,255,255,.68);color:#7f1d1d!important;font-size:8px;font-weight:900;text-decoration:none!important;box-shadow:0 4px 12px rgba(127,29,29,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);touch-action:manipulation}
.auth-back-button:hover,.auth-back-button:focus-visible{background:rgba(255,255,255,.9);color:#991b1b!important}
.auth-back-button span,.auth-back-button i{color:inherit!important}
.auth-body form,.auth-body input,.auth-body button,.auth-body label{touch-action:manipulation}
@media(max-width:767px){.auth-back-button{left:7px;top:7px;min-width:31px;width:31px;height:27px;padding:0}.auth-back-button span{display:none}.auth-back-button i{font-size:9px}}

/* V44: corrected selector — auth-page is the main element, not the body */
.auth-page .auth-card{
 background:linear-gradient(145deg,rgba(255,235,233,.34),rgba(254,202,202,.24))!important;
 border-color:rgba(153,27,27,.23)!important;
 backdrop-filter:blur(7px) saturate(1.04)!important;
 -webkit-backdrop-filter:blur(7px) saturate(1.04)!important
}
.auth-page .auth-card :where(.auth-title,.auth-subtitle,.auth-kicker,.auth-footer,.auth-legal-consent,label,p,span,small,strong){
 color:#000!important;font-weight:800!important;text-shadow:none!important
}
.auth-page .auth-card :where(.auth-field-icon,.auth-kicker i){color:#000!important}
.auth-page .auth-card form input.auth-control,
.auth-page .auth-card form input.auth-control:hover,
.auth-page .auth-card form input.auth-control:focus,
.auth-page .auth-card form input.auth-control:active,
.auth-page .auth-card form input.auth-control:valid,
.auth-page .auth-card form input.auth-control:not(:placeholder-shown){
 color:#000!important;
 -webkit-text-fill-color:#000!important;
 font-weight:900!important;
 text-shadow:none!important;
 caret-color:#000!important;
 opacity:1!important;
 background:rgba(255,255,255,.78)!important;
 color-scheme:light!important
}
.auth-page .auth-card form input.auth-control::first-line{
 color:#000!important;-webkit-text-fill-color:#000!important;font-weight:900!important
}
.auth-page .auth-card form input.auth-control::placeholder{
 color:#374151!important;-webkit-text-fill-color:#374151!important;font-weight:750!important;opacity:.92!important
}
.auth-page .auth-card .auth-submit,
.auth-page .auth-card .auth-submit :where(span,i){
 color:#fff!important;-webkit-text-fill-color:#fff!important
}
@media(max-width:767px){
 .auth-page .auth-card{
  background:linear-gradient(145deg,rgba(255,235,233,.42),rgba(254,202,202,.31))!important
 }
}

/* V45: four equally spaced satellites orbit the authentication card */
.auth-page .auth-shell{position:relative;z-index:3}
.auth-live-satellites{z-index:2!important}
.auth-live-satellites .auth-real-satellite{
 --satellite-size:clamp(88px,9vw,126px);
 --safe-half:72px;
 --card-orbit-x:min(340px,calc(50vw - var(--safe-half)));
 --card-orbit-y:min(315px,calc(50dvh - var(--safe-half)));
 left:50%!important;
 top:50%!important;
 right:auto!important;
 bottom:auto!important;
 width:var(--satellite-size)!important;
 offset-path:ellipse(var(--card-orbit-x) var(--card-orbit-y) at 0 0)!important;
 offset-rotate:auto 10deg!important;
 animation:authCardRingOrbit 40s linear infinite!important
}
.auth-live-satellites .sat-live-one{animation-delay:0s!important}
.auth-live-satellites .sat-live-two{animation-delay:-10s!important}
.auth-live-satellites .sat-live-three{animation-delay:-20s!important}
.auth-live-satellites .sat-live-four{animation-delay:-30s!important}
@keyframes authCardRingOrbit{from{offset-distance:0}to{offset-distance:100%}}
@media(max-width:767px) and (orientation:portrait){
 .auth-live-satellites .auth-real-satellite{
  --satellite-size:clamp(58px,16vw,76px);
  --safe-half:44px;
  --card-orbit-x:calc(50vw - var(--safe-half));
  --card-orbit-y:min(290px,calc(50dvh - var(--safe-half)))
 }
}
@media(max-width:950px) and (orientation:landscape){
 .auth-live-satellites .auth-real-satellite{
  --satellite-size:clamp(54px,9vw,74px);
  --safe-half:43px;
  --card-orbit-x:min(330px,calc(50vw - var(--safe-half)));
  --card-orbit-y:calc(50dvh - var(--safe-half))
 }
}
@media(min-width:768px) and (max-width:1100px) and (orientation:portrait){
 .auth-live-satellites .auth-real-satellite{
  --satellite-size:clamp(76px,11vw,106px);
  --safe-half:60px;
  --card-orbit-x:min(300px,calc(50vw - var(--safe-half)));
  --card-orbit-y:min(350px,calc(50dvh - var(--safe-half)))
 }
}
@media(prefers-reduced-motion:reduce){
 .auth-live-satellites .auth-real-satellite{animation:none!important}
 .auth-live-satellites .sat-live-one{offset-distance:0}
 .auth-live-satellites .sat-live-two{offset-distance:25%}
 .auth-live-satellites .sat-live-three{offset-distance:50%}
 .auth-live-satellites .sat-live-four{offset-distance:75%}
}
