/* ============================================================================
   TributaSim — Tela de login holográfica 4.0 (08/10/2026)
   ----------------------------------------------------------------------------
   Camada VISUAL da tela de autenticação, fiel à imagem aprovada: central de
   comando tecnológica (cúpula, colunas, horizonte urbano, piso com anéis de luz),
   logotipo, formulário em vidro azul, mapa holográfico do Brasil à esquerda e
   painel analítico demonstrativo à direita. O formulário, os campos, os links e
   o script de autenticação continuam sendo os mesmos elementos de /login.html:
   o arquivo /_login.js apenas organiza a cena ao redor deles. Nada de segurança,
   sessão, cadastro ou recuperação de senha muda aqui.
   ============================================================================ */
html.fxl, html.fxl[data-theme=light]{
  --bg:#041228; --bg2:#071D3B; --surface:rgba(7,29,59,.62); --surface-2:rgba(9,38,80,.6);
  --ink:#F4F9FF; --muted:#B7CAE2; --line:rgba(8,123,255,.35); --line-strong:rgba(0,223,255,.55);
  --act:#00DFFF; --act-2:#087BFF; --act-soft:rgba(0,223,255,.14); --win:#25E4D2; --win-soft:rgba(37,228,210,.14);
  --alert:#FF8A8A; --alert-soft:rgba(255,138,138,.14); --est:#FFD166; --est-soft:rgba(255,209,102,.14);
  --track:rgba(8,123,255,.2); --shadow:0 24px 60px rgba(0,6,30,.6); --radius:18px; --radius-s:12px;
  --glow:0 0 0 1px rgba(0,223,255,.5),0 0 26px rgba(0,223,255,.35); --btn-ink:#fff;
  --fxl-ciano:#00DFFF; --fxl-azul:#087BFF; --fxl-tec:#0758E6; --fxl-agua:#25E4D2;
}
html.fxl{height:100%;overflow-x:hidden}
html.fxl body{margin:0;min-height:100%;background:#041228;color:var(--ink);overflow-x:hidden;position:relative;font-family:"Inter",system-ui,sans-serif}
html.fxl body::before,html.fxl body::after{display:none}
/* o .wrap/.center originais viram o eixo central da cena */
html.fxl .wrap{display:block;min-height:0;padding:0;max-width:none;margin:0}
html.fxl .center{max-width:none;margin:0;padding:0;width:auto}

/* ---------- cena de fundo (fixa, decorativa) ---------- */
html.fxl .fxl-cena{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(1200px 520px at 50% -8%,rgba(8,123,255,.45),transparent 62%),
  radial-gradient(900px 500px at 8% 40%,rgba(7,88,230,.35),transparent 60%),
  radial-gradient(900px 500px at 92% 40%,rgba(7,88,230,.35),transparent 60%),
  linear-gradient(180deg,#02091A 0%,#041228 38%,#071D3B 58%,#03102A 100%)}
html.fxl .fxl-cena>*{position:absolute}
html.fxl .fxl-cupula{left:50%;top:-36vh;width:min(1900px,160vw);height:70vh;transform:translateX(-50%);opacity:.95}
html.fxl .fxl-colunas{inset:0}
html.fxl .fxl-colunas i{position:absolute;top:0;bottom:36%;width:4.5vw;max-width:70px;background:linear-gradient(180deg,rgba(2,9,26,.0),rgba(3,14,38,.9) 30%,rgba(3,14,38,.95));border-left:1px solid rgba(8,123,255,.35);border-right:1px solid rgba(0,223,255,.25);box-shadow:inset 0 0 40px rgba(8,123,255,.25)}
html.fxl .fxl-colunas i::after{content:"";position:absolute;left:50%;top:18%;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#00DFFF 30%,#087BFF 70%,transparent);opacity:.75;filter:blur(.5px)}
html.fxl .fxl-colunas i:nth-child(1){left:4%}html.fxl .fxl-colunas i:nth-child(2){left:19%;transform:scaleX(.7)}html.fxl .fxl-colunas i:nth-child(3){right:19%;transform:scaleX(.7)}html.fxl .fxl-colunas i:nth-child(4){right:4%}
html.fxl .fxl-vidro{left:0;right:0;top:0;height:64%;background:linear-gradient(180deg,rgba(8,123,255,.06),rgba(0,223,255,.03) 50%,rgba(8,123,255,.08));border-bottom:1px solid rgba(0,223,255,.3)}
html.fxl .fxl-skyline{left:0;right:0;bottom:33%;height:30vh;opacity:.9}
html.fxl .fxl-skyline svg{width:100%;height:100%;display:block}
html.fxl .fxl-piso{left:0;right:0;bottom:0;height:36%;background:linear-gradient(180deg,#071D3B 0%,#03122E 45%,#02091A 100%);border-top:1px solid rgba(0,223,255,.45);box-shadow:0 -10px 60px rgba(8,123,255,.25)}
html.fxl .fxl-piso::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,123,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(8,123,255,.16) 1px,transparent 1px);background-size:70px 36px;transform:perspective(600px) rotateX(55deg);transform-origin:top;opacity:.55}
html.fxl .fxl-aneis{left:50%;bottom:-6vh;width:min(1500px,150vw);height:44vh;transform:translateX(-50%)}
html.fxl .fxl-aneis svg{width:100%;height:100%;overflow:visible}
html.fxl .fxl-aneis .giro{animation:fxlGiro 60s linear infinite}
html.fxl .fxl-aneis .giro2{animation:fxlGiro 90s linear infinite reverse}
@keyframes fxlGiro{to{stroke-dashoffset:-1000}}
html.fxl .fxl-reflexo{left:50%;bottom:9vh;width:min(560px,80vw);height:22vh;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 0%,rgba(0,223,255,.28),rgba(8,123,255,.12) 40%,transparent 70%);filter:blur(6px)}
html.fxl canvas.fxl-part{inset:0;width:100%;height:100%}
html.fxl .fxl-luz{inset:0;background:radial-gradient(900px 400px at 50% 100%,rgba(0,223,255,.12),transparent 60%)}

/* ---------- palco (3 áreas) ---------- */
html.fxl .fxl-palco{position:relative;z-index:1;min-height:100svh;display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,620px) minmax(260px,1fr);gap:clamp(1rem,2.6vw,3rem);align-items:center;padding:clamp(1.2rem,3vh,2.6rem) clamp(1rem,3vw,3.5rem) clamp(2.4rem,8vh,5rem);max-width:1760px;margin:0 auto}
html.fxl .fxl-lado{display:flex;flex-direction:column;gap:1.1rem;opacity:0;transform:translateY(14px);animation:fxlEntra .9s cubic-bezier(.2,.7,.2,1) .25s both}
html.fxl .fxl-centro{opacity:0;animation:fxlEntra .7s cubic-bezier(.2,.7,.2,1) .05s both;display:flex;flex-direction:column;align-items:center}
@keyframes fxlEntra{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html.fxl .fxl-lado,html.fxl .fxl-centro{animation:none;opacity:1;transform:none}html.fxl .fxl-aneis .giro,html.fxl .fxl-aneis .giro2{animation:none}}

/* vidro holográfico (painéis) */
html.fxl .fxl-vid{position:relative;border-radius:16px;background:linear-gradient(160deg,rgba(7,29,59,.72),rgba(4,18,40,.82));border:1px solid rgba(0,223,255,.45);box-shadow:0 0 0 1px rgba(8,123,255,.25),0 0 28px rgba(8,123,255,.35),inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 40px rgba(8,123,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html.fxl .fxl-vid::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(0,223,255,.07))}
html.fxl .fxl-vid::after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,223,255,.9),transparent);pointer-events:none}

/* ---------- esquerda: título, cobertura, mapa, benefícios ---------- */
html.fxl .fxl-mapa-box{padding:1rem 1rem .4rem;min-height:380px;display:grid;grid-template-rows:auto 1fr;gap:.4rem}
html.fxl .fxl-mapa-topo{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}
html.fxl .fxl-tit{font:800 .78rem/1.3 "Space Grotesk","Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#CFE9FF;text-shadow:0 0 14px rgba(0,223,255,.45);max-width:15ch}
html.fxl .fxl-cob{text-align:right;font:600 .62rem/1.5 "JetBrains Mono",monospace;letter-spacing:.06em;color:#8FB5DF;text-transform:uppercase;white-space:nowrap}
html.fxl .fxl-cob b{color:#00DFFF;font-weight:700}
html.fxl .fxl-mapa{position:relative;min-height:330px;margin:-.2rem -.6rem 0}
html.fxl .fxl-mapa svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
html.fxl .fxl-mapa .radar{animation:fxlRadar 48s linear infinite;transform-origin:center}
html.fxl .fxl-mapa .radar2{animation:fxlRadar 70s linear infinite reverse;transform-origin:center}
@keyframes fxlRadar{to{transform:rotate(360deg)}}
html.fxl .fxl-mapa .pulso{animation:fxlPulso 2.8s ease-in-out infinite}
@keyframes fxlPulso{0%,100%{opacity:.55}50%{opacity:1}}
html.fxl .fxl-mapa .sinal{stroke-dasharray:6 90;animation:fxlSinal 4s linear infinite}
@keyframes fxlSinal{to{stroke-dashoffset:-96}}
@media (prefers-reduced-motion:reduce){html.fxl .fxl-mapa .radar,html.fxl .fxl-mapa .radar2,html.fxl .fxl-mapa .pulso,html.fxl .fxl-mapa .sinal{animation:none}}
html.fxl .fxl-lista{padding:.3rem .4rem}
html.fxl .fxl-lista button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.8rem;width:100%;padding:.72rem .7rem;border:0;border-bottom:1px solid rgba(0,223,255,.22);background:transparent;color:#F4F9FF;font:700 .8rem/1.2 "Space Grotesk","Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;border-radius:10px;transition:background .15s,box-shadow .15s}
html.fxl .fxl-lista button:last-child{border-bottom:0}
html.fxl .fxl-lista button svg{width:24px;height:24px;color:#00DFFF;filter:drop-shadow(0 0 6px rgba(0,223,255,.6));transition:transform .15s}
html.fxl .fxl-lista button .seta{font-size:1rem;color:#8FB5DF;transition:transform .15s,color .15s}
html.fxl .fxl-lista button:hover,html.fxl .fxl-lista button:focus-visible,html.fxl .fxl-lista button[aria-expanded=true]{background:rgba(0,223,255,.1);box-shadow:inset 0 0 0 1px rgba(0,223,255,.45),0 0 18px rgba(0,223,255,.2);outline:0}
html.fxl .fxl-lista button:hover svg,html.fxl .fxl-lista button:focus-visible svg{transform:scale(1.12)}
html.fxl .fxl-lista button:hover .seta,html.fxl .fxl-lista button:focus-visible .seta{transform:translateX(4px);color:#00DFFF}
html.fxl .fxl-exp{grid-column:1/-1;display:none;padding:.4rem .7rem .9rem;font:500 .8rem/1.45 "Inter",sans-serif;color:#CFE1F7;letter-spacing:0;text-transform:none;border-bottom:1px solid rgba(0,223,255,.22)}
html.fxl .fxl-exp.on{display:block}
html.fxl .fxl-exp small{display:block;color:#8FB5DF;font-size:.68rem;margin-top:.3rem;font-family:"JetBrains Mono",monospace;letter-spacing:.04em}

/* ---------- centro: logotipo, texto, formulário ---------- */
html.fxl .fxl-logo{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:.9rem}
html.fxl .fxl-logo img{width:86px;height:auto;filter:drop-shadow(0 0 16px rgba(0,223,255,.55))}
html.fxl .fxl-logo b{font:800 3.3rem/1 "Space Grotesk","Inter",sans-serif;letter-spacing:-.03em;color:#F4F9FF;text-shadow:0 0 22px rgba(120,200,255,.35)}
html.fxl .fxl-logo b i{font-style:normal;color:#00DFFF;background:linear-gradient(90deg,#00DFFF,#25E4D2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,223,255,.55))}
html.fxl h1{display:none}
html.fxl #sub{font-size:.95rem;line-height:1.5;color:#DCE9F9;text-align:center;max-width:62ch;margin:0 auto 1.3rem;text-shadow:0 1px 12px rgba(0,8,30,.8)}
html.fxl #sub .fxl-ciano{color:#00DFFF;font-weight:700;text-shadow:0 0 10px rgba(0,223,255,.45)}
html.fxl .panel{width:100%;max-width:560px;padding:1.4rem 1.5rem 1.3rem;border-radius:22px;background:linear-gradient(160deg,rgba(7,29,59,.84),rgba(4,18,40,.9));border:1.5px solid rgba(0,223,255,.55);box-shadow:0 0 0 1px rgba(8,123,255,.35),0 0 36px rgba(0,223,255,.3),0 30px 70px rgba(0,6,30,.7),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 50px rgba(8,123,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative}
html.fxl .panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 28%,transparent 72%,rgba(0,223,255,.08))}
html.fxl .panel::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#00DFFF,transparent);opacity:.9}
html.fxl .panel h2{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font:700 1.05rem/1 "Space Grotesk","Inter",sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#F4F9FF}
html.fxl .panel h2::before{content:"";width:26px;height:30px;flex:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300DFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='10' width='16' height='11' rx='2.5' fill='%23041228'/><path d='M8 10V7a4 4 0 0 1 8 0v3'/><circle cx='12' cy='15.5' r='1.3' fill='%2300DFFF'/></svg>") no-repeat center/contain;filter:drop-shadow(0 0 8px rgba(0,223,255,.6))}
html.fxl .field{margin-bottom:1rem;position:relative}
html.fxl .field>label{display:block;font:700 .92rem/1.2 "Inter",sans-serif;color:#F4F9FF;margin-bottom:.45rem}
html.fxl .field input{width:100%;box-sizing:border-box;padding:.95rem 1rem .95rem 3rem;border-radius:14px;border:1.5px solid rgba(0,223,255,.45);background:rgba(4,18,40,.78);color:#F4F9FF;font:500 1rem "Inter",sans-serif;box-shadow:inset 0 2px 10px rgba(0,0,0,.35),0 0 0 1px rgba(8,123,255,.2),0 0 14px rgba(8,123,255,.2);transition:border-color .2s,box-shadow .2s,background .2s}
html.fxl .field input::placeholder{color:#7F9DC2}
html.fxl .field input:hover{border-color:rgba(0,223,255,.7)}
html.fxl .field input:focus{outline:0;border-color:#00DFFF;background:rgba(4,18,40,.6);box-shadow:inset 0 2px 10px rgba(0,0,0,.3),0 0 0 2px rgba(0,223,255,.35),0 0 26px rgba(0,223,255,.45)}
html.fxl .field.fxl-ico::after{content:"";position:absolute;left:1rem;bottom:.95rem;width:22px;height:22px;pointer-events:none;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 6px rgba(0,223,255,.5));opacity:.95}
html.fxl .field.fxl-email::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DCE9F9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2.5'/><path d='M3 8l9 6 9-6'/></svg>")}
html.fxl .field.fxl-senha::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DCE9F9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='10' width='14' height='11' rx='2.5'/><path d='M8 10V7a4 4 0 0 1 8 0v3'/></svg>");bottom:.95rem}
html.fxl .field.fxl-senha .hint{margin-top:.35rem}
html.fxl .field.fxl-senha.fxl-dica::after{bottom:calc(.95rem + 1.35rem)}
html.fxl .field.fxl-nome::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DCE9F9' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>")}
html.fxl .field.fxl-tel::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DCE9F9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/></svg>")}
html.fxl .field.fxl-prof::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DCE9F9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2.5'/><path d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18'/></svg>")}
html.fxl #verSenha{position:absolute!important;right:.9rem!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:0!important;color:#00DFFF!important;font:600 .85rem "Inter",sans-serif!important;text-decoration:underline;text-underline-offset:3px;padding:.3rem .4rem!important;cursor:pointer;box-shadow:none!important}
html.fxl #verSenha:hover,html.fxl #verSenha:focus-visible{color:#fff!important;text-shadow:0 0 10px rgba(0,223,255,.8);outline:0}
html.fxl #senha{padding-right:5.4rem!important}
html.fxl .hint{color:#8FB5DF;font-size:.78rem}
html.fxl #lAceite{display:flex;gap:.5rem;align-items:flex-start;color:#DCE9F9;font-size:.85rem}
html.fxl #lAceite a{color:#00DFFF}
html.fxl #lAceite input{accent-color:#00DFFF;margin-top:.2rem;width:auto}
html.fxl .msg{display:none;margin:.2rem 0 .9rem;padding:.65rem .85rem;border-radius:12px;background:rgba(255,138,138,.12);border:1px solid rgba(255,138,138,.55);color:#FFD9D9;font-size:.86rem;line-height:1.4}
html.fxl .msg a{color:#00DFFF;font-weight:700}
html.fxl #btn{width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 3rem;border-radius:14px;border:1.5px solid rgba(190,235,255,.85);background:linear-gradient(90deg,#0758E6 0%,#087BFF 45%,#00C8FF 100%);color:#fff;font:800 1.35rem/1 "Space Grotesk","Inter",sans-serif;letter-spacing:.01em;box-shadow:0 0 0 1px rgba(0,223,255,.35),0 0 30px rgba(8,123,255,.7),0 0 60px rgba(0,223,255,.35),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;transition:box-shadow .2s,transform .15s,filter .2s;overflow:hidden}
html.fxl #btn::after{content:"";position:absolute;inset:auto;left:auto;right:1.2rem;top:50%;width:26px;height:26px;transform:translateY(-50%);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12h15M13 6l6 6-6 6'/></svg>") no-repeat center/contain;transition:transform .2s,filter .2s}
html.fxl #btn:hover{box-shadow:0 0 0 1px rgba(0,223,255,.6),0 0 40px rgba(8,123,255,.9),0 0 80px rgba(0,223,255,.5),inset 0 1px 0 rgba(255,255,255,.45);filter:brightness(1.06);transform:translateY(-1px)}
html.fxl #btn:hover::after{transform:translate(4px,-50%);filter:drop-shadow(0 0 8px #fff)}
html.fxl #btn:active{transform:translateY(0)}
html.fxl #btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(0,223,255,.6),0 0 40px rgba(8,123,255,.9)}
html.fxl #btn:disabled{cursor:progress;filter:saturate(.7);opacity:.9}
html.fxl #btn:disabled::after{animation:fxlSetaVai 1s ease-in-out infinite}
@keyframes fxlSetaVai{50%{transform:translate(8px,-50%)}}
html.fxl .fxl-links{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.86rem;color:#DCE9F9}
html.fxl .fxl-links a{color:#00DFFF;text-decoration:underline;text-underline-offset:3px;font-weight:600}
html.fxl .fxl-links>a{white-space:nowrap}
html.fxl .fxl-links a:hover{color:#fff;text-shadow:0 0 10px rgba(0,223,255,.8)}
html.fxl .fxl-links .fxl-conta{display:flex;align-items:center;gap:.5rem;min-width:0}
html.fxl .fxl-links svg{width:22px;height:22px;flex:none;color:#DCE9F9}
html.fxl .fxl-parc{display:flex;align-items:center;gap:.55rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(0,223,255,.3);font-size:.86rem;color:#DCE9F9}
html.fxl .fxl-parc a{color:#00DFFF;font-weight:600;text-decoration:underline;text-underline-offset:3px}
html.fxl .fxl-parc a:hover{color:#fff;text-shadow:0 0 10px rgba(0,223,255,.8)}
html.fxl .fxl-parc svg{width:24px;height:24px;color:#DCE9F9;flex:none}
html.fxl .fxl-esc{color:#F4F9FF}
html.fxl .fxl-rodape{margin-top:1rem;font-size:.72rem;color:#7F9DC2;text-align:center}
html.fxl .fxl-rodape a{color:#8FB5DF}

/* ---------- direita: painel analítico demonstrativo ---------- */
html.fxl .fxl-anal{padding:1rem 1.1rem .9rem;display:flex;flex-direction:column;gap:.6rem}
html.fxl .fxl-chip{align-self:flex-end;font:700 .6rem/1.3 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#8FB5DF;border:1px solid rgba(0,223,255,.35);border-radius:8px;padding:.3rem .5rem;text-align:right}
html.fxl .fxl-eco{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
html.fxl .fxl-eco small{display:block;font:800 1rem/1.1 "Space Grotesk","Inter",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#F4F9FF}
html.fxl .fxl-eco b{display:block;font:800 clamp(2.6rem,3.6vw,3.6rem)/1 "Space Grotesk","Inter",sans-serif;color:#00DFFF;text-shadow:0 0 24px rgba(0,223,255,.6);letter-spacing:-.02em}
html.fxl .fxl-eco .fxl-tag{display:inline-flex;align-items:center;gap:.3rem;font:700 .9rem "JetBrains Mono",monospace;color:#F4F9FF;border:1px solid rgba(0,223,255,.6);border-radius:8px;padding:.35rem .5rem;background:rgba(0,223,255,.08);box-shadow:0 0 14px rgba(0,223,255,.3)}
html.fxl .fxl-eco .fxl-tag svg{width:16px;height:16px;color:#25E4D2}
html.fxl .fxl-demo{font:600 .64rem/1.3 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#FFD166;display:flex;align-items:center;gap:.4rem}
html.fxl .fxl-demo::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFD166;box-shadow:0 0 8px #FFD166}
html.fxl .fxl-graf{position:relative;height:200px;border-radius:12px;border:1px solid rgba(8,123,255,.35);background:linear-gradient(180deg,rgba(8,123,255,.06),rgba(4,18,40,.3));overflow:hidden}
html.fxl .fxl-graf svg{position:absolute;inset:0;width:100%;height:100%}
html.fxl .fxl-graf .barra{transform-origin:bottom;transform:scaleY(.04);animation:fxlBarra 1s cubic-bezier(.2,.7,.2,1) forwards}
html.fxl .fxl-graf .linha{stroke-dasharray:600;stroke-dashoffset:600;animation:fxlLinha 1.6s ease-out .7s forwards}
html.fxl .fxl-graf .ponto{opacity:0;animation:fxlPonto .4s ease-out forwards}
@keyframes fxlBarra{to{transform:scaleY(1)}}
@keyframes fxlLinha{to{stroke-dashoffset:0}}
@keyframes fxlPonto{to{opacity:1}}
@media (prefers-reduced-motion:reduce){html.fxl .fxl-graf .barra,html.fxl .fxl-graf .linha,html.fxl .fxl-graf .ponto{animation:none;transform:none;stroke-dashoffset:0;opacity:1}}
html.fxl .fxl-regimes{padding:.2rem .4rem}
html.fxl .fxl-regimes button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.8rem;width:100%;padding:.75rem .7rem;border:0;border-bottom:1px solid rgba(0,223,255,.22);background:transparent;color:#F4F9FF;font:700 .82rem/1.2 "Space Grotesk","Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;cursor:pointer;border-radius:10px;transition:background .15s,box-shadow .15s}
html.fxl .fxl-regimes button:last-of-type{border-bottom:0}
html.fxl .fxl-regimes button svg{width:24px;height:24px;color:#00DFFF;filter:drop-shadow(0 0 6px rgba(0,223,255,.6))}
html.fxl .fxl-regimes button .seta{color:#8FB5DF;transition:transform .15s,color .15s}
html.fxl .fxl-regimes button:hover,html.fxl .fxl-regimes button:focus-visible,html.fxl .fxl-regimes button[aria-expanded=true]{background:rgba(0,223,255,.1);box-shadow:inset 0 0 0 1px rgba(0,223,255,.45),0 0 18px rgba(0,223,255,.2);outline:0}
html.fxl .fxl-regimes button:hover .seta{transform:translateX(4px);color:#00DFFF}

/* ---------- responsivo ---------- */
@media (max-width:1380px){html.fxl .fxl-palco{grid-template-columns:minmax(230px,.9fr) minmax(340px,560px) minmax(230px,.9fr)}html.fxl .fxl-tit{font-size:.7rem}html.fxl .fxl-mapa{min-height:250px}html.fxl .fxl-mapa-box{min-height:300px}html.fxl .fxl-logo b{font-size:2.7rem}html.fxl .fxl-logo img{width:70px}html.fxl .fxl-graf{height:170px}}
@media (max-width:1100px){html.fxl .fxl-palco{grid-template-columns:1fr minmax(320px,560px) 1fr;gap:1rem}html.fxl .fxl-cob{display:none}html.fxl .fxl-lista button,html.fxl .fxl-regimes button{padding:.6rem .5rem;font-size:.72rem}}
@media (max-width:900px){
  html.fxl .fxl-palco{grid-template-columns:1fr;max-width:620px;padding-top:1.4rem}
  html.fxl .fxl-centro{order:1}html.fxl .fxl-lado.fxl-esq{order:2}html.fxl .fxl-lado.fxl-dir{order:3}
  html.fxl .fxl-mapa-box{min-height:0}html.fxl .fxl-mapa{min-height:220px}
  html.fxl .fxl-colunas i:nth-child(2),html.fxl .fxl-colunas i:nth-child(3){display:none}
  html.fxl .fxl-logo b{font-size:2.1rem}html.fxl .fxl-logo img{width:52px}
  html.fxl .fxl-links{flex-direction:column;align-items:flex-start;gap:.5rem}
}
@media (max-width:480px){html.fxl .panel{padding:1.1rem 1rem 1rem}html.fxl #btn{font-size:1.15rem;padding:.9rem 2.6rem}html.fxl #sub{font-size:.88rem}}
/* autopreenchimento do navegador: mantém o vidro azul (o Chrome pintava o campo de branco por cima do ícone) */
html.fxl .field input:-webkit-autofill,html.fxl .field input:-webkit-autofill:hover,html.fxl .field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #07203F inset,0 0 0 1px rgba(8,123,255,.2);-webkit-text-fill-color:#F4F9FF;caret-color:#F4F9FF;border-color:rgba(0,223,255,.6);transition:background-color 9999s ease-out 0s}

/* ============================================================================
   MODO FIEL (desktop, mouse): a imagem aprovada é a cena; palco de 1672×941 escalado.
   ============================================================================ */
html.fxl-fiel body{background:#041228;position:relative;overflow-x:hidden}
html.fxl-fiel .fxf-fundo{position:fixed;inset:-40px;z-index:0;background:#041228 center/cover no-repeat;filter:blur(26px) brightness(.55);pointer-events:none}
html.fxl-fiel .fxf-palco{position:absolute;left:50%;top:0;width:1672px;height:941px;transform-origin:top center;z-index:1}
html.fxl-fiel .fxf-cena{position:absolute;inset:0;background:#041228 center/1672px 941px no-repeat;border-radius:4px;opacity:0;transition:opacity .6s}
html.fxl-fiel.fxl-cena-ok .fxf-cena{opacity:1}
html.fxl-fiel .fxf-cena::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,40,.0),rgba(4,18,40,.0));pointer-events:none}
html.fxl-fiel .fxf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.fxl-fiel .fxl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html.fxl-fiel .fxf-form{position:absolute;left:552px;top:300px;width:566px}
html.fxl-fiel .fxf-form .wrap,html.fxl-fiel .fxf-form .center{display:block;padding:0;margin:0;max-width:none}
html.fxl-fiel .fxf-form .panel{position:relative;width:566px;max-width:none;box-sizing:border-box;padding:24px 40px 18px;border-radius:22px;border:0;background:linear-gradient(170deg,#071E42,#041028);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:none;-webkit-backdrop-filter:none}
html.fxl-fiel .fxf-form .panel::before,html.fxl-fiel .fxf-form .panel::after{display:none}
html.fxl-fiel .fxf-form .panel h2{font-size:22px;letter-spacing:.3em;margin:0 0 26px;gap:14px}
html.fxl-fiel .fxf-form .panel h2::before{width:28px;height:32px}
html.fxl-fiel .fxf-form .field{margin-bottom:20px}
html.fxl-fiel .fxf-form .field>label{font-size:17px;line-height:20px;margin-bottom:10px}
html.fxl-fiel .fxf-form .field input{height:56px;padding:0 16px 0 60px;font-size:18px;border-radius:14px;border:1.5px solid rgba(0,223,255,.55);background:rgba(4,16,40,.8)}
html.fxl-fiel .fxf-form .field.fxl-ico::after{left:20px;bottom:16px;width:24px;height:24px}
html.fxl-fiel .fxf-form .field.fxl-senha.fxl-dica::after{bottom:calc(16px + 1.35rem)}
html.fxl-fiel .fxf-form #senha{padding-right:110px!important}
html.fxl-fiel .fxf-form #verSenha{right:20px!important;font-size:17px!important}
html.fxl-fiel .fxf-form .field.fxl-senha{margin-bottom:22px}
html.fxl-fiel .fxf-form .msg{margin:0 0 14px}
html.fxl-fiel .fxf-form #btn{height:63px;padding:0 60px 0 24px;font-size:26px;border-radius:14px;white-space:nowrap}
html.fxl-fiel .fxf-form #btn.fxf-longo{font-size:20px}
html.fxl-fiel .fxf-form #btn::after{right:30px;width:30px;height:30px}
html.fxl-fiel .fxf-form .fxl-links{margin-top:19px;min-height:40px;font-size:13px;gap:6px;align-items:center}
html.fxl-fiel .fxf-form .fxl-links .fxl-conta{white-space:nowrap;flex:none}
html.fxl-fiel .fxf-form .fxl-links>a{white-space:normal;margin-left:auto;flex:none;width:80px;box-sizing:border-box;text-align:right;line-height:1.25;padding-left:8px;border-left:1px solid rgba(0,223,255,.35)}
html.fxl-fiel .fxf-form .fxl-links svg{width:26px;height:26px}
html.fxl-fiel .fxf-form .fxl-parc{margin-top:22px;padding-top:20px;font-size:16px;min-height:30px;white-space:nowrap}
html.fxl-fiel .fxf-form .fxl-parc svg{width:28px;height:28px}
html.fxl-fiel .fxf-form .fxl-rodape{display:none}
html.fxl-fiel .fxf-form .fxl-logo{display:none}
html.fxl-fiel .fxf-sub{position:absolute;left:0;top:-132px;width:566px;box-sizing:border-box;margin:0;padding:12px 16px;border-radius:14px;background:#06183A;border:1px solid rgba(0,223,255,.45);font-size:15px;line-height:1.45;color:#DCE9F9;text-align:center}
html.fxl-fiel #sub .fxl-ciano{color:#00DFFF;font-weight:700}
/* alvos invisíveis sobre os painéis pintados */
html.fxl-fiel .fxf-alvo{position:absolute;border:0;background:transparent;border-radius:12px;cursor:pointer;padding:0;transition:box-shadow .15s,background .15s}
html.fxl-fiel .fxf-alvo:hover,html.fxl-fiel .fxf-alvo:focus-visible,html.fxl-fiel .fxf-alvo[aria-expanded=true]{background:rgba(0,223,255,.12);box-shadow:inset 0 0 0 1.5px rgba(0,223,255,.7),0 0 18px rgba(0,223,255,.35);outline:0}
html.fxl-fiel .fxf-dica{position:absolute;width:400px;padding:14px 16px;border-radius:14px;background:linear-gradient(160deg,rgba(7,30,66,.97),rgba(4,16,40,.98));border:1.5px solid rgba(0,223,255,.7);box-shadow:0 0 0 3px rgba(0,223,255,.15),0 0 30px rgba(0,223,255,.4),0 20px 40px rgba(0,8,30,.6);color:#F4F9FF;font-size:15px;line-height:1.45;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:5}
html.fxl-fiel .fxf-dica.on{opacity:1;transform:none}
html.fxl-fiel .fxf-dica b{display:block;font:800 12px/1.3 "Space Grotesk","Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#00DFFF;margin-bottom:6px}
html.fxl-fiel .fxf-dica small{display:block;margin-top:8px;font:600 10px/1.4 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#FFD166}
html.fxl-fiel .fxf-demo{position:absolute;left:1262px;top:272px;max-width:300px;font:700 9.5px/1.3 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#FFD166;text-shadow:0 0 8px rgba(0,0,0,.9);display:flex;align-items:center;gap:6px}
html.fxl-fiel .fxf-demo::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFD166;box-shadow:0 0 8px #FFD166}
html.fxl-fiel .fxf-cob{position:absolute;left:96px;top:722px;width:470px;white-space:nowrap;opacity:.8;font:600 9.5px/1.3 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#8FB5DF;text-shadow:0 0 6px rgba(0,0,0,.9)}
/* vida na cena */
html.fxl-fiel .fxf-brilho{position:absolute;left:485px;top:820px;width:700px;height:150px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,223,255,.28),rgba(8,123,255,.12) 45%,transparent 70%);filter:blur(10px);animation:fxfPulso 4.5s ease-in-out infinite;pointer-events:none}
@keyframes fxfPulso{0%,100%{opacity:.55}50%{opacity:1}}
html.fxl-fiel .fxf-varredura{position:absolute;left:0;top:800px;width:1672px;height:141px;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
html.fxl-fiel .fxf-varredura::before{content:"";position:absolute;top:0;bottom:0;width:260px;left:-300px;background:linear-gradient(90deg,transparent,rgba(0,223,255,.22),transparent);animation:fxfVarre 9s linear infinite}
@keyframes fxfVarre{to{left:1800px}}
html.fxl-fiel .fxf-cap{position:absolute;width:7px;height:7px;margin:-3px 0 0 -3px;border-radius:50%;background:#FFE8A3;box-shadow:0 0 10px 3px rgba(255,214,102,.8);animation:fxfCap 2.6s ease-in-out infinite;pointer-events:none}
@keyframes fxfCap{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
html.fxl-fiel .fxf-part{position:absolute;inset:0;width:1672px;height:941px;pointer-events:none;mix-blend-mode:screen}
@media (prefers-reduced-motion:reduce){html.fxl-fiel .fxf-brilho,html.fxl-fiel .fxf-varredura::before,html.fxl-fiel .fxf-cap{animation:none}}