/* TikTak — tela de login no visual novo (mesma linguagem da área de membros da Dominus).
   Só carregada por templates/v2/login.html (cookie ui=novo). */
.lg{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:32px 20px;overflow:auto;background:#000;color:#EDF4EB;-webkit-font-smoothing:antialiased;
  --v-escuro:#1A8300;--v-base:#2BB102;--v-vivo:#41F20A;--v-claro:#C4FF9E;--lg-tx:#EDF4EB;--lg-tx2:#D9E4D6}
.lg-bg{position:fixed;top:-90px;left:-90px;width:calc(100% + 180px);height:calc(100% + 180px);display:block;z-index:0;opacity:0;transition:opacity 1.1s ease;filter:blur(16px);pointer-events:none}
.lg-bg.on{opacity:1}
.lg-grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.lg-stage{position:relative;z-index:2;width:100%;max-width:432px;display:flex;flex-direction:column;align-items:center}
.lg-stage{animation:lg-rise .9s cubic-bezier(.2,.7,.25,1) both}
@keyframes lg-rise{from{opacity:0;transform:translateY(14px)}}
.lg-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px;filter:drop-shadow(0 2px 34px rgba(0,0,0,.7))}
.lg-mark{width:52px;height:52px}
.lg-word{font-family:var(--f-brand);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.03em;color:#F6FBF5}
.lg-word em{font-style:normal;color:transparent;background-image:linear-gradient(110deg,#2BB102 0%,#41F20A 30%,#C4FF9E 50%,#41F20A 70%,#1A8300 100%);background-size:220% auto;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 20px rgba(65,242,10,.22));animation:lg-brilho 7s ease-in-out infinite alternate}
@keyframes lg-brilho{to{background-position:100% 50%}}
.lg-card{position:relative;width:100%;padding:30px 28px 26px;border-radius:26px;background:linear-gradient(157deg,rgba(255,255,255,.10),rgba(255,255,255,.028) 44%,rgba(255,255,255,.07));-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.04);backdrop-filter:blur(30px) saturate(180%) brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.05),0 30px 70px -24px rgba(0,0,0,.85),0 2px 10px rgba(0,0,0,.35);overflow:hidden}
.lg-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(142deg,rgba(255,255,255,.6),rgba(255,255,255,.05) 34%,rgba(65,242,10,.30) 68%,rgba(255,255,255,.42));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lg-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.10),transparent 62%);opacity:0;transition:opacity .45s ease}
.lg-card:hover::after{opacity:1}
.lg-label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;letter-spacing:.03em;color:var(--lg-tx2);margin-bottom:22px}
.lg-label svg{width:14px;height:14px;stroke:var(--v-vivo)}
.lg-campo{margin-bottom:14px}
.lg-linha{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}
.lg label{font-size:13px;font-weight:500;color:var(--lg-tx2)}
.lg-esq{background:none;border:none;padding:0;font:500 12px var(--f-ui);color:var(--lg-tx2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(217,228,214,.45);cursor:pointer;transition:color .18s,text-decoration-color .18s}
.lg-esq:hover{color:var(--v-vivo);text-decoration-color:rgba(65,242,10,.6)}
.lg-esq:focus-visible{outline:2px solid rgba(65,242,10,.6);outline-offset:3px;border-radius:4px}
.lg-senha{position:relative}
.lg-in{width:100%;height:52px;padding:0 16px;font:400 15px/1 var(--f-ui);color:#F6FBF5;background:rgba(2,8,2,.44);border:1px solid rgba(255,255,255,.11);border-radius:14px;box-shadow:inset 0 2px 8px rgba(0,0,0,.42);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.lg-senha .lg-in{padding-right:84px}
.lg-in::placeholder{color:#6C7F69}
.lg-in:focus{border-color:rgba(65,242,10,.45);background:rgba(2,8,2,.56);box-shadow:inset 0 2px 8px rgba(0,0,0,.42),0 0 0 3px rgba(43,177,2,.22)}
.lg-in.err{border-color:rgba(248,113,113,.55)}
.lg-ver{position:absolute;right:6px;top:6px;height:40px;padding:0 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:10px;font:500 12.5px var(--f-ui);color:var(--lg-tx2);cursor:pointer;transition:background .18s}
.lg-ver:hover{background:rgba(255,255,255,.13)}
.lg-ver:focus-visible{outline:2px solid rgba(65,242,10,.6);outline-offset:2px}
.lg-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:20px;border:none;border-radius:999px;font:600 15.5px/1 var(--f-ui);letter-spacing:-.005em;color:#062800;background:linear-gradient(180deg,#7BFA45 0%,#41F20A 46%,#2BB102 64%,#1A8300 100%);cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 18px -12px rgba(6,40,0,.55),0 1px 2px rgba(0,0,0,.28),0 10px 26px -12px rgba(65,242,10,.55),0 22px 50px -24px rgba(65,242,10,.45);transition:transform .14s cubic-bezier(.2,.7,.25,1),box-shadow .18s,filter .18s}
.lg-cta::after{content:'';position:absolute;left:0;right:0;top:0;height:52%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0));pointer-events:none}
.lg-cta:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.56),inset 0 -12px 18px -12px rgba(6,40,0,.55),0 2px 4px rgba(0,0,0,.28),0 16px 34px -12px rgba(65,242,10,.65),0 30px 64px -26px rgba(65,242,10,.5)}
.lg-cta:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(6,40,0,.42),0 1px 2px rgba(0,0,0,.35),0 5px 14px -8px rgba(65,242,10,.45)}
.lg-cta:focus-visible{outline:2px solid var(--v-claro);outline-offset:4px}
.lg-cta[disabled]{opacity:.62;cursor:wait;transform:none}
.lg-cta .lucide{width:16px;height:16px}
.lg-hint{margin:16px 0 0;font-size:12.5px;line-height:1.5;color:var(--lg-tx2);text-align:center}
.lg-aviso{display:flex;gap:11px;padding:13px 15px;margin-bottom:18px;border-radius:16px;font-size:13px;line-height:1.5;background:rgba(80,20,24,.42);border:1px solid rgba(248,113,113,.26);color:#F5D6D6}
.lg-aviso .lucide{width:16px;height:16px;flex:none;margin-top:2px;color:#F87171}
.lg-aviso strong{display:block;font-weight:600;margin-bottom:3px;color:#FCA5A5}
.lg-aviso.ok{background:rgba(20,70,10,.36);border-color:rgba(65,242,10,.26);color:#D8EFCE}
.lg-aviso.ok .lucide{color:var(--v-vivo)}
.lg-aviso.ok strong{color:var(--v-vivo)}
@media (max-width:420px){.lg-card{padding:24px 20px 22px;border-radius:22px}.lg-brand{margin-bottom:26px}.lg-word{font-size:38px}.lg-mark{width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.lg-stage,.lg-word em{animation:none}.lg-card::after{display:none}.lg-bg{transition:none}}

.lg-in[aria-invalid="true"]{border-color:rgba(248,113,113,.55)}
.lg-cta.loading .lucide{animation:lg-spin .8s linear infinite}
@keyframes lg-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lg-cta.loading .lucide{animation-duration:2.4s}}