/* Entrar: painel escuro, anéis dos quatro pilares e cartão de vidro com cadeado. */
:root{--lg-plano:#060c19;--lg-vidro:rgba(17,27,48,.78);--lg-borda:rgba(148,178,220,.16);--lg-tinta:#eef3fa;--lg-tinta-2:#b7c3d4;
--lg-mudo:#8a97ab;--lg-ciano:#16c4ee;--lg-navy:#0b1630;--lg-campo:#0b1426;--lg-erro:#ff8a9a;--lg-ok:#3ddc97;
--lg-a1:#3987e5;--lg-a2:#d95926;--lg-a3:#199e70;--lg-a4:#c98500}
*{box-sizing:border-box}
body.lg{margin:0;min-height:100vh;color:var(--lg-tinta);font:16px/1.55 'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:radial-gradient(1200px 700px at 18% 20%,#12305a55,transparent 60%),radial-gradient(900px 600px at 85% 90%,#0f6fa833,transparent 60%),
linear-gradient(rgba(148,178,220,.045) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(148,178,220,.045) 1px,transparent 1px) 0 0/32px 32px,var(--lg-plano)}
.lg-shell{max-width:1120px;margin:0 auto;padding:48px 24px 8px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,440px);gap:56px;align-items:center;min-height:calc(100vh - 110px)}
.lg-marca{display:inline-flex;gap:12px;align-items:center;color:var(--lg-tinta);text-decoration:none;font-weight:800;letter-spacing:-.3px;font-size:18px}
.lg-marca b{font-weight:400}.lg-marca small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;color:var(--lg-mudo);margin-top:2px}
.lg-simbolo{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--lg-ciano);color:var(--lg-navy);font-size:24px;font-weight:800}
.lg-kicker{margin:40px 0 8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--lg-mudo);font-weight:700}
.lg-titulo{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:800;color:var(--lg-tinta)}
.lg-titulo span{display:block;color:#7f8ea6}
.lg-figura{position:relative;width:min(300px,70vw);aspect-ratio:1;margin:34px 0 26px}
.lg-aneis{width:100%;height:100%;display:block;overflow:visible}
.lg-halo{fill:none;stroke:rgba(57,135,229,.35);stroke-width:1;filter:drop-shadow(0 0 10px rgba(22,196,238,.45))}
.lg-trilha{fill:none;stroke:rgba(148,178,220,.10);stroke-width:9}
.lg-arco{fill:none;stroke-width:9;stroke-linecap:round;stroke-dasharray:76 100;animation:lg-desenha 1.6s cubic-bezier(.2,.7,.2,1) both}
.lg-a1{stroke:var(--lg-a1)}.lg-a2{stroke:var(--lg-a2);animation-delay:.12s}.lg-a3{stroke:var(--lg-a3);animation-delay:.24s}.lg-a4{stroke:var(--lg-a4);animation-delay:.36s}
@keyframes lg-desenha{from{stroke-dasharray:0 100}}
.lg-centro{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}
.lg-centro small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--lg-mudo)}
.lg-centro strong{font-size:30px;line-height:1;font-weight:300;letter-spacing:-.02em}
.lg-legenda{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;max-width:520px}
.lg-legenda li{display:grid;grid-template-columns:10px 1fr;column-gap:10px;align-items:baseline}
.lg-legenda b{font-size:14px;font-weight:600}.lg-legenda small{grid-column:2;font-size:12px;color:var(--lg-tinta-2)}
.lg-ponto{width:10px;height:10px;border-radius:50%;transform:translateY(1px)}
.lg-p1{background:var(--lg-a1)}.lg-p2{background:var(--lg-a2)}.lg-p3{background:var(--lg-a3)}.lg-p4{background:var(--lg-a4)}
.lg-card{background:var(--lg-vidro);border:1px solid var(--lg-borda);border-radius:22px;padding:34px 32px 26px;
box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.lg-cadeado{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;
background:radial-gradient(circle at 50% 35%,#1d4f8a,#0e2442);border:1px solid rgba(57,135,229,.55);box-shadow:0 0 0 6px rgba(57,135,229,.10),0 0 28px rgba(22,196,238,.35)}
.lg-cadeado svg{width:30px;height:30px;fill:none;stroke:var(--lg-tinta);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lg-cadeado rect{fill:rgba(22,196,238,.18)}
.lg-alca{transition:opacity .3s}.lg-aberta,.lg-ok{opacity:0}.lg-furo{transition:opacity .3s}
.lg-cadeado[data-estado=aberto]{border-color:rgba(61,220,151,.7);box-shadow:0 0 0 6px rgba(61,220,151,.12),0 0 28px rgba(61,220,151,.35)}
.lg-cadeado[data-estado=aberto] .lg-fechada,.lg-cadeado[data-estado=aberto] .lg-furo{opacity:0}
.lg-cadeado[data-estado=aberto] .lg-aberta,.lg-cadeado[data-estado=aberto] .lg-ok{opacity:1}
.lg-cadeado[data-estado=aberto] .lg-ok{stroke:var(--lg-ok)}
.lg-card h1{margin:0;text-align:center;font-size:24px;letter-spacing:-.02em}
.lg-sub{margin:6px 0 22px;text-align:center;font-size:14px;color:var(--lg-tinta-2)}
.lg-card label{display:block;font-size:12px;font-weight:600;color:var(--lg-tinta-2);margin:0 0 6px}
.lg-card input{width:100%;padding:13px 14px;border:1px solid rgba(148,178,220,.22);border-radius:11px;background:var(--lg-campo);color:var(--lg-tinta);font:inherit;font-size:15px}
.lg-card input::placeholder{color:#66748a}
.lg-card button{width:100%;margin-top:14px;display:flex;gap:10px;align-items:center;justify-content:center;border:0;border-radius:11px;padding:13px 14px;
background:var(--lg-ciano);color:var(--lg-navy);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(22,196,238,.25)}
.lg-card button:hover:not(:disabled){filter:brightness(1.06)}
.lg-card button:disabled{cursor:default;background:#1b2a44;color:var(--lg-tinta-2);box-shadow:none}
.lg-card button.lg-sec{background:transparent;color:var(--lg-tinta);border:1px solid rgba(148,178,220,.3);box-shadow:none}
.lg-card input:focus,.lg-card button:focus-visible,.lg-card summary:focus-visible,.lg-marca:focus-visible{outline:3px solid #7cdcf6;outline-offset:2px}
.lg-relogio{width:20px;height:20px;flex:none}.lg-relogio[hidden]{display:none}
.lg-r-trilha{fill:none;stroke:rgba(148,178,220,.25);stroke-width:2.4}
.lg-r-resto{fill:none;stroke:var(--lg-ciano);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:0}
#msg{margin-top:14px;min-height:24px;font-size:14px;color:var(--lg-tinta-2)}#msg.erro{color:var(--lg-erro)}
.lg-etapas{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--lg-borda);
font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lg-mudo)}
.lg-trilho{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lg-trilho i{height:4px;border-radius:4px;background:rgba(148,178,220,.18);transition:background .4s}
.lg-trilho i.on{background:var(--lg-ciano)}
#etapa-num{font-variant-numeric:tabular-nums}
.lg-card details{margin-top:16px;font-size:14px;color:var(--lg-tinta-2)}
.lg-card summary{cursor:pointer;font-weight:600;color:var(--lg-tinta)}
.lg-card details p{font-size:13px;margin:10px 0}
.lg-mfa-intro{margin:0 0 16px;font-size:14px;color:var(--lg-tinta-2)}
.lg-mfa-qr{margin:0 0 18px;display:grid;justify-items:center;gap:10px;text-align:center;font-size:12px;color:var(--lg-tinta-2)}
.lg-mfa-qr img{width:184px;height:184px;padding:10px;border-radius:14px;background:#fff}
.lg-mfa-qr code{display:block;margin-top:4px;font-size:13px;letter-spacing:.08em;color:var(--lg-tinta);word-break:break-all;user-select:all}
#mfa-codigo{font-size:22px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
.site-foot{box-sizing:border-box;width:calc(100% - 40px);max-width:880px;margin:14px auto 0;padding:20px 12px 32px;
border-top:1px solid var(--lg-borda);color:#acbdd2;text-align:center;font-size:12px;line-height:1.5}
.site-foot-links{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 20px;margin:0;padding:0}
.site-foot-links li{margin:0;padding:0}
.site-foot .site-foot-links a{display:inline-block;padding:6px 0;color:inherit;text-decoration:none;font-size:12px;font-weight:500}
.site-foot .site-foot-links a:hover{text-decoration:underline;text-underline-offset:3px;color:#d7edfa}
.site-foot .site-foot-links a:focus-visible{outline:2px solid #8fd8f2;outline-offset:3px;border-radius:2px}
.site-foot-note{margin:10px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:3px 12px;
font-size:11px;line-height:1.55;letter-spacing:.01em;color:var(--lg-mudo)}
.site-foot-disclaimer{opacity:.9}
@media (max-width:900px){.lg-shell{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:28px;min-height:0}
.lg-visual{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center}
.lg-marca{grid-column:1/-1}.lg-kicker{grid-column:1/-1;margin-top:18px}.lg-titulo{grid-column:1/-1;font-size:28px}
.lg-figura{width:112px;margin:10px 0 0}.lg-centro{display:none}.lg-legenda{grid-template-columns:1fr;gap:4px;margin-top:10px}.lg-legenda small{display:none}}
@media (max-width:480px){.lg-shell{padding:20px 16px 4px}.lg-card{padding:26px 18px 20px;border-radius:18px}
.site-foot{margin-top:24px;padding:18px 10px 28px}.site-foot-links{column-gap:16px}.site-foot-note{gap:3px 8px}}
@media (prefers-reduced-motion:reduce){.lg-arco{animation:none}.lg-trilho i,.lg-alca,.lg-furo{transition:none}}
@media (forced-colors:active){.lg-arco,.lg-r-resto{stroke:CanvasText}.lg-trilho i.on{background:Highlight}}
