.entrar{min-height:100vh;min-height:100svh;position:relative;isolation:isolate;background:#19181a;color:#f5f2ef;color-scheme:dark}.entrar:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/marca-datapex/login-arquitetura.jpg) 50%/cover no-repeat}.entrar-grade{width:100%;max-width:1920px;margin-inline:auto;min-height:100vh;min-height:100svh;padding:clamp(40px,7vh,88px) clamp(24px,4.5vw,88px);display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,30vw,460px);grid-column-gap:clamp(40px,8vw,144px);column-gap:clamp(40px,8vw,144px);align-items:center}.entrar-marca svg{display:block;height:clamp(40px,3.6vw,56px);width:auto}.entrar-descritor{margin:14px 0 0 3px;color:#ccccd1;font-size:11px;letter-spacing:.3em}.entrar h1{margin:clamp(48px,10vh,96px) 0 0;font-size:clamp(36px,3.4vw,58px);font-weight:500;line-height:1.12;letter-spacing:-.045em;max-width:13ch}.entrar h1 .ponto-final{color:#b36f7b}.entrar-lede{margin:24px 0 0;color:#ccccd1;font-size:clamp(17px,1.2vw,19px);line-height:1.55;max-width:34ch}.entrar-principio{margin:40px 0 0;color:#b36f7b;font-size:12px;font-weight:500;letter-spacing:.2em}.entrar-painel{background:#222225;border:1px solid #525259;border-radius:8px;padding:clamp(28px,3vw,44px)}.entrar-olho{margin:0 0 18px;color:#b0b0b7;font-size:11px;letter-spacing:.17em}.entrar-painel h2{margin:0;font-size:clamp(32px,2.8vw,44px);font-weight:500;line-height:1.12;letter-spacing:-.035em}.entrar-sub{margin:8px 0 0;color:#ccccd1}.entrar-painel form{margin-top:36px}.entrar-painel label{display:block;margin-bottom:10px;font-size:15px;font-weight:500}.entrar-campo{position:relative}.entrar-campo input{display:block;width:100%;min-height:56px;border:1px solid #94949e;border-radius:4px;background:#19181a;color:#f5f2ef;padding:14px 60px 14px 18px;font:inherit;font-size:16px}.entrar-campo input::placeholder{color:#b0b0b7}.entrar-campo input:focus-visible{outline:2px solid #e8e8eb;outline-offset:3px;border-color:#e8e8eb}.entrar-campo input:-webkit-autofill{-webkit-text-fill-color:#f5f2ef;box-shadow:inset 0 0 0 1000px #19181a}.entrar-olho-senha{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:4px;background:transparent;color:#ccccd1;cursor:pointer}.entrar-olho-senha:hover{background:#37373d;color:#f5f2ef}.entrar-olho-senha svg{width:21px;height:21px}.entrar-botao{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:28px;border:1px solid transparent;border-radius:4px;background:#542e38;color:#f5f2ef;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .16s ease}.entrar-botao:hover:not(:disabled){background:#40232a}.entrar-botao:disabled{cursor:wait}.entrar-botao:focus-visible{outline:2px solid #e8e8eb;outline-offset:4px}.entrar-giro{width:16px;height:16px;border:2px solid rgb(245 242 239/35%);border-top-color:#f5f2ef;border-radius:50%;animation:girar .7s linear infinite}.entrar-status{margin:16px 0 0;font-size:14px;color:#ffa5ac}.entrar-status:empty{display:none}.entrar-rodape{margin:28px 0 0;padding-top:22px;border-top:1px solid #525259;text-align:center;color:#b0b0b7;font-size:12px}@media (max-width:900px){.entrar:before{height:600px;background-position:48% top;background-size:auto 680px;opacity:.45}.entrar-grade{grid-template-columns:minmax(0,1fr);gap:28px;max-width:640px;padding:28px 20px 40px;align-content:start}.entrar h1{margin-top:28px;font-size:clamp(28px,6vw,38px)}.entrar-lede{display:none}.entrar-principio{margin-top:14px;color:#f5f2ef;font-size:10px}}@media (max-width:420px){.entrar-grade{padding:22px 16px 32px}.entrar-painel{padding:24px}.entrar-marca svg{height:36px}}