/* Poppins hospedada no próprio site (licença OFL, ver OFL.txt na pasta das fontes). */
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/auth/assets/fonts/poppins-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/auth/assets/fonts/poppins-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/auth/assets/fonts/poppins-600.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("/auth/assets/fonts/poppins-700.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("/auth/assets/fonts/poppins-800.woff2") format("woff2")}

/* Identidade da intranet LiveMode. Tema claro é o padrão; o escuro vem de [data-tema="escuro"] no <html>. */
:root{
  color-scheme:light;
  --fundo:#F8F8F6; --menu:#F3F3F0; --superficie:#FFFFFF; --superficie-2:#FCFCFB; --borda:#E2E1DD;
  --texto:#191815; --texto-2:#4F4B43; --texto-3:#645F53;
  --verde:#2A6B25; --verde-escuro:#1D4F1A; --verde-claro:#3D8A34; --verde-vivo:#48B23E; --verde-fundo:#EAF4E7;
  --logo-o:#00FF1A; --logo-letras:#535355;
  --f:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --raio-card:20px;
}
[data-tema="escuro"]{
  color-scheme:dark;
  --fundo:#121210; --menu:#171613; --superficie:#1C1B18; --superficie-2:#22211D; --borda:#2F2D28;
  --texto:#F2F1EC; --texto-2:#CAC6BB; --texto-3:#9F9A8D;
  --verde:#7BD06B; --verde-escuro:#48B23E; --verde-claro:#9BDE8D; --verde-vivo:#48B23E; --verde-fundo:#1E2E1B;
  --logo-o:#00FF1A; --logo-letras:var(--texto-2);
}

/* ---------- base ---------- */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--f);font-size:15.5px;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--f);margin:0;text-wrap:balance}
h1,h2{font-weight:700;letter-spacing:-.045em;line-height:1}
h3{font-weight:600;letter-spacing:-.02em;line-height:1.2}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.lm-logo{height:38px;width:auto;display:block;color:var(--logo-letras)}
.lm-logo>path{fill:var(--logo-o)}

/* destaque em gradiente verde animado */
.grad{background:linear-gradient(90deg,var(--verde-escuro),var(--verde),var(--verde-claro),var(--verde),var(--verde-escuro));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:grad 12s linear infinite}
@keyframes grad{to{background-position:-300% 0}}

/* eyebrow: verde, com bolinha pulsando */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--verde)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verde-vivo);flex:none;animation:pulso 2.4s ease-in-out infinite}
.eyebrow i{display:none}
@keyframes pulso{0%,100%{box-shadow:0 0 0 0 rgba(72,178,62,.55)}50%{box-shadow:0 0 0 7px rgba(72,178,62,0)}}

/* botões em pílula */
.btn,.btn-principal{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--f);font-weight:600;font-size:15px;text-decoration:none;background:var(--texto);color:var(--fundo);padding:12px 22px;border-radius:999px;border:1px solid var(--texto);cursor:pointer;white-space:nowrap;transition:transform .15s,opacity .15s}
.btn:hover,.btn-principal:hover{transform:translateY(-1px);opacity:.92}
.btn.ghost{background:var(--superficie-2);color:var(--texto);border-color:var(--borda)}
.btn.ghost:hover{border-color:var(--texto-3);opacity:1}
.btn[aria-disabled="true"]{opacity:.4;pointer-events:none}

/* fundo decorativo: brilho verde no canto e linhas finas que atravessam a tela */
.deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.deco::before{content:"";position:absolute;top:-30vmax;right:-30vmax;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(72,178,62,.13),transparent)}
.deco i{position:absolute;left:0;width:55vw;max-width:720px;height:1px;background:linear-gradient(90deg,transparent,rgba(72,178,62,.5),transparent);transform:translateX(100vw);animation:linha 30s linear infinite}
.deco i:nth-child(1){top:16%;animation-duration:34s;animation-delay:-6s}
.deco i:nth-child(2){top:34%;animation-duration:26s;animation-delay:-18s}
.deco i:nth-child(3){top:52%;animation-duration:38s;animation-delay:-2s}
.deco i:nth-child(4){top:71%;animation-duration:30s;animation-delay:-24s}
.deco i:nth-child(5){top:88%;animation-duration:42s;animation-delay:-12s}
@keyframes linha{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}

/* seletor de idioma (PT-BR | PT-PT) */
.seletor-idioma{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--superficie-2);border:1px solid var(--borda)}
.seletor-idioma button{font-family:var(--f);font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1;padding:7px 10px;border:0;border-radius:999px;background:transparent;color:var(--texto-2);cursor:pointer}
.seletor-idioma button:hover{color:var(--texto)}
.seletor-idioma button[aria-pressed="true"]{background:var(--texto);color:var(--fundo)}

/* entrada dos blocos: sobem saindo do desfoque */
.sobe{animation:sobe .9s cubic-bezier(.2,.7,.2,1) both}
.sobe.d1{animation-delay:.08s}.sobe.d2{animation-delay:.18s}.sobe.d3{animation-delay:.3s}.sobe.d4{animation-delay:.42s}
@keyframes sobe{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .deco i{transform:none;left:auto;right:0;width:40vw}
}

/* ---------- página de entrada e avisos (Acesso restrito, Você saiu) ---------- */
body{min-height:100vh;min-height:100svh;position:relative;overflow-x:hidden}
.entrada{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,4vw,48px) clamp(20px,6vw,88px)}
.e-topo{flex:none}
.e-corpo{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;max-width:1100px;padding-block:48px}
.e-corpo h1{font-size:clamp(44px,6.4vw,92px);overflow-wrap:anywhere}
.e-corpo .eyebrow,.e-corpo h1,.e-corpo .gira,.e-corpo .btn-principal,.e-corpo .nota,.e-corpo .e-msg,.e-corpo .lerr{animation:sobe .9s cubic-bezier(.2,.7,.2,1) both}
.e-corpo h1{animation-delay:.1s}.e-corpo .gira,.e-corpo .e-msg{animation-delay:.22s}.e-corpo .lerr{animation-delay:.28s}.e-corpo .btn-principal{animation-delay:.34s}.e-corpo .nota{animation-delay:.46s}
.gira,.e-msg{font-size:clamp(18px,2.2vw,24px);color:var(--texto-2);max-width:40ch}
.gira-pal{display:inline-grid;vertical-align:bottom}
.gira-pal b{grid-area:1/1;font-weight:600;color:var(--verde);white-space:nowrap;opacity:0;animation:gira 12s ease-in-out infinite}
.gira-pal b:nth-child(2){animation-delay:3s}
.gira-pal b:nth-child(3){animation-delay:6s}
.gira-pal b:nth-child(4){animation-delay:9s}
@keyframes gira{0%{opacity:0;transform:translateY(40%);filter:blur(6px)}4%,21%{opacity:1;transform:none;filter:blur(0)}25%,100%{opacity:0;transform:translateY(-40%);filter:blur(6px)}}
.btn-principal{font-size:17px;padding:15px 28px 15px 18px}
.btn-principal:not(:has(.g-ic)){padding-left:28px}
.g-ic{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.g-ic svg{width:18px;height:18px}
.nota{font-size:13px;color:var(--texto-3);max-width:46ch}
.nota b{font-weight:600;color:var(--texto-2)}
.lerr{background:var(--superficie);border:1px solid var(--borda);border-left:3px solid var(--verde);border-radius:12px;padding:12px 16px;font-size:14px;color:var(--texto);max-width:46ch}
@media (prefers-reduced-motion:reduce){
  .gira-pal{display:inline}
  .gira-pal b{display:inline;opacity:1;white-space:normal}
  .gira-pal b+b::before{content:" · ";color:var(--texto-3)}
}

.iconbtn{width:40px;height:40px;border-radius:999px;border:1px solid var(--borda);background:var(--superficie-2);color:var(--texto);display:grid;place-items:center;cursor:pointer;flex:none;text-decoration:none}
.iconbtn:hover{border-color:var(--texto-3)}
.iconbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* topo da entrada: logo à esquerda; idioma e tema à direita, na mesma linha */
.e-topo{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.e-ctl{display:flex;align-items:center;gap:8px}

/* entrada em duas colunas: texto à esquerda, foto de esporte à direita */
.e-main{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,64px)}
.e-main>.e-corpo{flex:1 1 480px;min-width:0}
.e-main .e-corpo h1{font-size:clamp(40px,5vw,76px)}
.e-foto{position:relative;flex:1 1 380px;min-height:560px;display:grid;place-items:center;min-width:0}
.e-foto>*{grid-area:1/1}
.e-painel{width:min(78%,300px);height:min(100%,520px);border-radius:28px;background-image:radial-gradient(var(--texto) 1.3px,transparent 1.7px);background-size:14px 14px;opacity:.13;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.e-circulo{width:min(92%,420px);aspect-ratio:1;border:2px dashed var(--verde-vivo);border-radius:50%;opacity:.6;animation:giro-lento 80s linear infinite}
@keyframes giro-lento{to{transform:rotate(360deg)}}
.e-img{position:relative;width:min(100%,360px);height:auto;opacity:0;filter:drop-shadow(0 30px 40px rgba(25,24,21,.22))}
.e-img.ok{opacity:1;animation:sobe .9s cubic-bezier(.2,.7,.2,1) .3s both}
@media (max-width:859px){
  .e-foto{flex-basis:100%;min-height:340px}
  .e-painel{width:min(60%,230px);height:min(100%,320px)}
  .e-circulo{width:min(80%,300px)}
  .e-img{width:min(60%,240px)}
}