/* Tela de login do Chegou Express: animações leves, desligadas para quem prefere menos movimento. */
.guest main{display:block;place-items:normal;justify-items:normal;padding:0;min-height:100vh}
.lg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}

/* Painel animado */
.lg-arte{position:relative;overflow:hidden;background:linear-gradient(150deg,#0C2F38 0%,#0F3D47 55%,#0A2830 100%);color:#E7F0EE;padding:40px clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.lg-luz{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:-1;animation:lg-flutua 14s ease-in-out infinite alternate}
.lg-luz.l1{width:340px;height:340px;background:#F2B632;top:-90px;right:-60px;opacity:.35}
.lg-luz.l2{width:280px;height:280px;background:#1E8C8C;bottom:120px;left:-80px;animation-duration:18s}
.lg-luz.l3{width:200px;height:200px;background:#5CCB98;top:40%;right:20%;opacity:.25;animation-duration:22s}
@keyframes lg-flutua{from{transform:translate(0,0) scale(1)}to{transform:translate(40px,-30px) scale(1.15)}}

.lg-marca{display:flex;align-items:center;gap:10px;font:700 1.4rem var(--display);animation:lg-sobe .7s cubic-bezier(.2,.8,.2,1) both}
.lg-marca i,.lg-card .logo i{display:block;width:12px;height:22px;background:#F2B632;border-radius:2px;transform:rotate(-8deg);animation:lg-fita 1s cubic-bezier(.3,1.6,.5,1) .2s both}
@keyframes lg-fita{from{transform:rotate(-60deg) scale(.2);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:1}}

.lg-frase{max-width:440px;margin:auto 0 28px;animation:lg-sobe .9s cubic-bezier(.2,.8,.2,1) .15s both}
.lg-frase h2{font:700 clamp(1.8rem,3.2vw,2.6rem)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 12px}
.lg-frase p{color:#9FC0C2;font-size:1.05rem}

/* Aviso que aparece de tempos em tempos */
.lg-aviso{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);border-radius:14px;padding:12px 16px;margin-bottom:34px;animation:lg-aviso 7s ease-in-out 1.2s infinite both}
.lg-aviso strong{display:block;font-size:.95rem}
.lg-aviso small{display:block;color:#9FC0C2;font-size:.82rem}
.lg-sino{width:36px;height:36px;border-radius:50%;background:#F2B632;display:grid;place-items:center;flex:none;animation:lg-balanca 7s ease-in-out 1.2s infinite}
.lg-sino svg{width:20px;height:20px;fill:none;stroke:#231A00;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@keyframes lg-aviso{0%{opacity:0;transform:translateY(18px) scale(.96)}8%,72%{opacity:1;transform:none}82%,100%{opacity:0;transform:translateY(-10px) scale(.98)}}
@keyframes lg-balanca{8%{transform:rotate(0)}11%{transform:rotate(14deg)}14%{transform:rotate(-12deg)}17%{transform:rotate(8deg)}20%,100%{transform:rotate(0)}}

/* Esteira de caixas */
.lg-esteira{position:relative;height:74px;margin:0 calc(-1 * clamp(28px,5vw,64px)) -40px;overflow:hidden;border-top:2px solid rgba(255,255,255,.12);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.lg-esteira::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 14px,transparent 14px 28px);animation:lg-rolo 1.2s linear infinite}
@keyframes lg-rolo{to{background-position:28px 0}}
.lg-trilho{position:absolute;bottom:10px;left:0;display:flex;align-items:flex-end;gap:46px;width:max-content;padding-left:46px;animation:lg-anda 22s linear infinite}
@keyframes lg-anda{to{transform:translateX(-50%)}}
.lg-caixa{position:relative;display:block;background:#C9925A;border-radius:4px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.12)}
.lg-caixa::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:22%;transform:translateX(-50%);background:#F2B632;opacity:.85}
.lg-caixa::after{content:"";position:absolute;right:12%;top:22%;width:30%;height:22%;background:#fff;border-radius:2px;opacity:.85}
.lg-caixa.c1{width:58px;height:44px}
.lg-caixa.c2{width:42px;height:30px;background:#B98352}
.lg-caixa.c3{width:70px;height:54px;background:#D6A06A}
.lg-caixa.c4{width:36px;height:24px;background:#E8E2D8}
.lg-caixa.c4::before{display:none}

/* Formulário */
.lg-lado{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg)}
.lg-card{width:min(400px,100%)}
.lg-card h1{font-size:2rem;margin:26px 0 6px}
.lg-card .muted{margin-bottom:26px}
.lg-anima{animation:lg-sobe .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 70ms + 150ms)}
@keyframes lg-sobe{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.lg-form input[type=text],.lg-form input[type=password]{padding:13px 14px;border-radius:11px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.lg-form input:hover{border-color:var(--muted)}
.lg-form input:focus{outline:none;border-color:#F2B632;box-shadow:0 0 0 4px rgba(242,182,50,.28)}
.lg-senha{position:relative}
.lg-senha input{padding-right:88px!important}
.lg-ver{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);font-weight:600;font-size:.88rem;padding:8px 10px;border-radius:8px;cursor:pointer}
.lg-ver:hover{color:var(--ink);background:var(--line)}
.lg-erro{animation:lg-treme .45s cubic-bezier(.36,.07,.19,.97) both}
@keyframes lg-treme{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

.lg-entrar{position:relative;overflow:hidden;margin-top:4px;padding:15px 22px;border-radius:11px;transition:transform .15s,box-shadow .2s,filter .2s}
.lg-entrar::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-100%);transition:transform .7s}
.lg-entrar:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(242,182,50,.35)}
.lg-entrar:hover::after{transform:translateX(100%)}
.lg-entrar:active{transform:translateY(0) scale(.99)}
.lg-giro{display:none;width:18px;height:18px;border:2.5px solid rgba(35,26,0,.25);border-top-color:#231A00;border-radius:50%;animation:lg-gira .7s linear infinite}
.lg-entrar.carregando .lg-giro{display:inline-block}
.lg-entrar.carregando{cursor:progress}
@keyframes lg-gira{to{transform:rotate(360deg)}}
.lg-rodape{margin-top:30px;color:var(--muted);font-size:.85rem}

/* Celular: o painel vira um cabeçalho compacto */
@media (max-width:860px){
  .lg{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .lg-arte{padding:22px 22px 0;min-height:250px}
  .lg-frase{margin:22px 0 16px}
  .lg-frase h2{font-size:1.45rem}
  .lg-frase p{display:none}
  .lg-aviso{margin-bottom:18px;padding:10px 12px}
  .lg-esteira{height:62px;margin:0 -22px;}
  .lg-trilho{transform-origin:left bottom;scale:.8}
  .lg-lado{justify-content:flex-start;padding:28px 20px 40px}
  .lg-card .logo{display:none}
  .lg-card h1{margin-top:0;font-size:1.6rem}
}

@media (prefers-reduced-motion:reduce){
  .lg *,.lg *::before,.lg *::after{animation:none!important;transition:none!important}
  .lg-aviso{opacity:1}
}

/* Fundo futurista */
.lg-arte{background:radial-gradient(ellipse at 70% 0%,#123F4A 0%,transparent 55%),linear-gradient(170deg,#06171C 0%,#0A2830 55%,#061418 100%)}
.lg-grade{position:absolute;left:-50%;right:-50%;bottom:-8%;height:58%;z-index:-1;background-image:linear-gradient(rgba(111,203,221,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(111,203,221,.38) 1px,transparent 1px);background-size:56px 56px;transform:perspective(380px) rotateX(64deg);transform-origin:center top;animation:lg-grade 2.4s linear infinite;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 40%);mask-image:linear-gradient(to bottom,transparent 0%,#000 40%)}
@keyframes lg-grade{to{background-position:0 56px}}
.lg-horizonte{position:absolute;left:0;right:0;top:42%;height:2px;z-index:-1;background:linear-gradient(90deg,transparent,#6FCBDD 30%,#F2B632 50%,#6FCBDD 70%,transparent);box-shadow:0 0 18px 2px rgba(111,203,221,.55);opacity:.7;animation:lg-pulsa 4s ease-in-out infinite}
@keyframes lg-pulsa{50%{opacity:1;box-shadow:0 0 30px 6px rgba(111,203,221,.65)}}
.lg-estrelas{position:absolute;inset:0 0 50% 0;z-index:-1;background-image:
  radial-gradient(1.6px 1.6px at 8% 14%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 22% 32%,#cfeff3 50%,transparent 52%),
  radial-gradient(1.8px 1.8px at 37% 9%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 51% 26%,#cfeff3 50%,transparent 52%),
  radial-gradient(1.5px 1.5px at 64% 12%,#fff 50%,transparent 52%),radial-gradient(1.1px 1.1px at 77% 38%,#cfeff3 50%,transparent 52%),
  radial-gradient(1.7px 1.7px at 89% 20%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 14% 58%,#cfeff3 50%,transparent 52%),
  radial-gradient(1.4px 1.4px at 44% 52%,#fff 50%,transparent 52%),radial-gradient(1.1px 1.1px at 70% 62%,#cfeff3 50%,transparent 52%),
  radial-gradient(1.6px 1.6px at 93% 70%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 30% 76%,#cfeff3 50%,transparent 52%);
  animation:lg-pisca 3.5s ease-in-out infinite alternate}
@keyframes lg-pisca{from{opacity:.35}to{opacity:.9}}
.lg-scan{position:absolute;left:0;right:0;top:0;height:140px;z-index:-1;background:linear-gradient(to bottom,transparent,rgba(111,203,221,.10) 70%,rgba(111,203,221,.35) 98%,transparent);animation:lg-scan 7s cubic-bezier(.45,0,.55,1) infinite}
@keyframes lg-scan{from{transform:translateY(-160px)}to{transform:translateY(105vh)}}
.lg-orbita{position:absolute;top:38px;right:-90px;width:340px;height:340px;border:1px dashed rgba(111,203,221,.35);border-radius:50%;z-index:-1;animation:lg-gira 46s linear infinite}
.lg-orbita.o2{top:118px;right:-10px;width:180px;height:180px;border-style:solid;border-color:rgba(242,182,50,.22);animation-duration:24s;animation-direction:reverse}
.lg-orbita i{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#F2B632;box-shadow:0 0 14px 3px rgba(242,182,50,.8)}
.lg-orbita.o2 i{background:#6FCBDD;box-shadow:0 0 12px 3px rgba(111,203,221,.8);width:8px;height:8px}
.lg-frase h2{text-shadow:0 0 34px rgba(111,203,221,.28)}
.lg-aviso{background:rgba(9,32,38,.55);border-color:rgba(111,203,221,.4);box-shadow:0 0 0 1px rgba(111,203,221,.08),0 0 26px rgba(111,203,221,.18)}
.lg-esteira{border-top:2px solid rgba(111,203,221,.65);box-shadow:0 -4px 22px -6px rgba(111,203,221,.6);background:linear-gradient(to bottom,rgba(111,203,221,.08),transparent 60%)}
.lg-lado{background:radial-gradient(circle at 1px 1px,rgba(15,110,132,.14) 1px,transparent 0) 0 0/22px 22px,var(--bg)}
@media (max-width:860px){.lg-orbita{display:none}.lg-horizonte{top:55%}.lg-grade{height:48%}}
@media (prefers-reduced-motion:reduce){.lg-scan{display:none}}

/* Logo Chegou Express */
.lg-marca img{display:block;width:min(460px,85%);height:auto}
.lg-logo img{display:block;width:220px;height:auto}
@media (max-width:860px){.lg-marca img{width:min(280px,85%)}.lg-logo{display:none}}

/* Créditos */
.lg-rodape a{font-weight:700;text-decoration:none;background:linear-gradient(90deg,#0F6E84,#2BA3BC 55%,#C98F12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lg-rodape a:hover{filter:drop-shadow(0 0 6px rgba(111,203,221,.6))}