/* Login em tela cheia — Cash Flow Club. Dois painéis: marca (radar) + formulário. Só tokens do cfc.css. */
.lg{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--bg);color:var(--tx);overflow:auto}
.lg-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px 56px;border-right:1px solid var(--line);background:radial-gradient(120% 90% at 20% 10%,var(--s2),var(--bg) 62%)}
.lg-brand::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 70% at 50% 55%,#000,transparent);-webkit-mask-image:radial-gradient(70% 70% at 50% 55%,#000,transparent)}
.lg-logo{position:relative;display:flex;align-items:center;gap:12px;font:600 15px/1.1 var(--f-ui);letter-spacing:.01em}
.lg-logo i{font-style:normal;color:var(--aq)}
.lg-radar{position:absolute;left:50%;top:44%;width:min(520px,72%);aspect-ratio:1;transform:translate(-50%,-50%);color:var(--aq);opacity:.85;-webkit-mask-image:linear-gradient(#000 55%,transparent 92%);mask-image:linear-gradient(#000 55%,transparent 92%)}
.lg-radar svg{width:100%;height:100%;overflow:visible}
.lg-sweep{transform-origin:50% 50%;animation:lgspin 7s linear infinite}
.lg-blip{fill:var(--aq);opacity:0;animation:lgblip 7s ease-out infinite}
@keyframes lgspin{to{transform:rotate(360deg)}}
@keyframes lgblip{0%{opacity:0;r:2}6%{opacity:1;r:3.5}40%{opacity:.15}100%{opacity:0}}
.lg-copy{position:relative;isolation:isolate;max-width:480px}
.lg-copy::before{content:"";position:absolute;inset:-48px -40px -20px -56px;z-index:-1;background:radial-gradient(closest-side,var(--bg) 40%,transparent)}
.lg-copy h2{margin:0 0 14px;font:600 clamp(28px,3.2vw,44px)/1.04 var(--f-ui);letter-spacing:-.035em;text-wrap:balance;text-transform:none}
.lg-copy h2 em{font-style:normal;color:var(--aq)}
.lg-copy p{margin:0;color:var(--tx2);font-size:15px;line-height:1.65;max-width:44ch}
.lg-meta{position:relative;display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.lg-meta span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--aq);border-radius:50%;animation:lgpulse 2.4s ease-in-out infinite}
@keyframes lgpulse{50%{opacity:.25}}
.lg-form{display:flex;align-items:center;justify-content:center;padding:40px 28px}
.lg-card{width:100%;max-width:380px;animation:lgin .7s var(--ease) both}
@keyframes lgin{from{opacity:0;transform:translateY(14px)}}
.lg-card h1{margin:0 0 8px;font:600 32px/1.05 var(--f-ui);letter-spacing:-.035em}
.lg-card .sub{margin:0 0 34px;color:var(--mut);font-size:14px}
.lg-f{display:block;margin-bottom:22px}
.lg-f>span{display:flex;justify-content:space-between;font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:6px;transition:color var(--t1)}
.lg-f:focus-within>span{color:var(--aq)}
.lg-in{position:relative}
.lg-in input{width:100%;height:48px;padding:0 48px 0 0;background:transparent;color:var(--tx);border:0;border-bottom:1px solid var(--line2);border-radius:0;font:400 16px var(--f-ui);outline:none;transition:border-color var(--t1)}
.lg-in input::placeholder{color:var(--mut);opacity:1}
.lg-in input[aria-invalid=true]{border-bottom-color:var(--red);box-shadow:0 1px 0 var(--red)}
.lg-in input:focus-visible{border-bottom-color:var(--aq);box-shadow:0 1px 0 var(--aq)}
.lg-in input:-webkit-autofill{-webkit-text-fill-color:var(--tx);box-shadow:0 0 0 40px var(--bg) inset}
.lg-eye{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:var(--mut);cursor:pointer;border-radius:var(--r1)}
.lg-eye:hover{color:var(--aq)}.lg-eye:focus-visible{color:var(--aq);outline:2px solid var(--ice);outline-offset:-2px}
.lg-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lg-caps{display:none;color:var(--amb)}.lg-caps.on{display:inline}
.lg-btn{position:relative;width:100%;height:52px;margin-top:6px;border:0;border-radius:var(--r2);background:var(--aq);color:var(--on-aq);font:600 15px var(--f-ui);letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background var(--t1),transform var(--t1)}
.lg-btn:hover{background:var(--aq2)}.lg-btn:active{transform:translateY(1px)}
.lg-btn:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.lg-btn[disabled]{opacity:.8;cursor:progress}
.lg-btn .sp{display:none;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lgspin .7s linear infinite}
.lg-btn[disabled] .sp{display:inline-block}
.lg-err{min-height:44px;margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--red)}
.lg-card.shake{animation:lgshake .38s}
@keyframes lgshake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.lg-foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font:400 12px/1.6 var(--f-mono);color:var(--mut)}
@media (max-width:860px){.lg{grid-template-columns:1fr}.lg-brand{padding:26px 20px;min-height:132px;border-right:0;border-bottom:1px solid var(--line)}.lg-radar{width:240px;left:80%;top:50%;opacity:.5;-webkit-mask-image:none;mask-image:none}.lg-copy,.lg-meta{display:none}.lg-brand::before{opacity:.6}.lg-form{align-items:flex-start;padding:34px 20px}}
@media (max-height:640px) and (min-width:861px){.lg-brand{padding:28px 56px}.lg-radar{display:none}}
@media (prefers-reduced-motion:reduce){.lg *,.lg-card{animation:none!important}.lg-blip{opacity:.6}.lg-btn .sp{animation:none!important;border-right-color:currentColor;opacity:.6}}