.login{--l-fundo:#1d1d1b;--l-cartao:#1d1d1be0;--l-campo:#262624;--l-borda:#3a3a37;--l-texto:#fff;--l-texto-2:#d9d8d2;--l-texto-3:#a3a29c;--l-texto-4:#8a8984;--l-amarelo:#f8b90b;--l-amarelo-claro:#ffc93a;--l-erro:#ff8a7a;background:var(--l-fundo);min-height:100dvh;color:var(--l-texto);font-family:var(--fonte-display);-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}.login a{color:var(--l-amarelo);text-decoration:none}.login a:hover{color:#ffd24d;text-decoration:underline}.login a:focus-visible,.login button:focus-visible{outline:2px solid var(--l-amarelo);outline-offset:2px}.login-plano{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.login-grade{z-index:1;pointer-events:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:center;gap:48px;min-height:100dvh;padding:clamp(24px,5vw,72px) clamp(16px,5vw,72px);display:grid;position:relative}.login-marca{flex-direction:column;gap:28px;max-width:520px;display:flex}.login-wordmark{width:min(440px,90%);height:auto;display:block}.login-lema{color:var(--l-texto-2);text-wrap:pretty;max-width:420px;margin:0;font-size:clamp(20px,2vw,26px);font-weight:500;line-height:1.35}.login-dica{font-family:var(--fonte-mono);color:var(--l-texto-4);letter-spacing:.02em;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.login-ponto{background:var(--l-amarelo);border-radius:50%;flex:none;width:8px;height:8px}.login-lado{pointer-events:auto;justify-content:center;display:flex}.login-cartao{background:var(--l-cartao);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff17;border-radius:22px;width:100%;max-width:420px;padding:clamp(24px,4vw,40px);box-shadow:0 30px 80px #00000073}.login-form{flex-direction:column;gap:22px;display:flex}.login-cabeca{flex-direction:column;gap:18px;display:flex}.login-selo{width:48px;height:48px;display:block}.login-cabeca h1{letter-spacing:-.02em;color:var(--l-texto);margin:0 0 6px;font-size:30px;font-weight:800;line-height:1.1}.login-cabeca p{color:var(--l-texto-3);margin:0;font-size:15px}.login-campo{flex-direction:column;gap:8px;display:flex}.login-campo label{color:var(--l-texto-2);font-size:13px;font-weight:600}.login-campo-topo{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.login-campo-topo a{font-size:13px;font-weight:500}.login-campo input{background:var(--l-campo);border:1.5px solid var(--l-borda);width:100%;height:52px;color:var(--l-texto);font:500 16px var(--fonte-display);caret-color:var(--l-amarelo);border-radius:12px;outline:none;padding:0 16px;transition:border-color .15s}.login-campo input::placeholder{color:#6f6e69}.login-campo input:focus{border-color:var(--l-amarelo)}.login-campo input[aria-invalid=true]{border-color:var(--l-erro)}.login-senha{position:relative}.login-senha input{font-family:var(--fonte-mono);letter-spacing:3px;padding-right:92px}.login-senha input.login-senha-oculta{color:#0000}.login-mascara{pointer-events:none;font:500 16px var(--fonte-mono);letter-spacing:3px;color:var(--l-amarelo);white-space:pre;align-items:center;padding:0 92px 0 17.5px;display:flex;position:absolute;inset:0;overflow:hidden}.login-mostrar{height:40px;color:var(--l-texto-3);font:600 13px var(--fonte-display);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 14px;position:absolute;top:6px;right:6px}.login-mostrar:hover{color:var(--l-texto);background:#32322f}.login-erro{color:var(--l-erro);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.login-erro span:first-child{font-family:var(--fonte-mono)}.login-entrar{background:var(--l-amarelo);height:54px;color:var(--l-fundo);font:800 16px var(--fonte-display);letter-spacing:.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;transition:transform .12s,background .15s;display:flex}.login-entrar:hover{background:var(--l-amarelo-claro)}.login-entrar:active{transform:scale(.98)}.login-entrar:disabled{cursor:progress}.login-glifo{font-family:var(--fonte-mono);font-weight:500}.login-aviso{color:var(--l-texto-2);background:#f8b90b1f;border-radius:10px;margin:0;padding:12px;font-size:14px}.login-rodape{text-align:center;color:var(--l-texto-3);margin:0;font-size:14px}.login-legal{text-align:center;color:var(--l-texto-4);margin:-8px 0 0;font-size:12px;line-height:1.5}.login-legal a{color:var(--l-texto-3);text-decoration:underline}@media (max-width:860px){.login-grade{align-content:center;gap:28px}.login-marca{text-align:center;align-items:center;gap:14px;margin:0 auto}.login-wordmark{width:min(260px,70%)}.login-lema{font-size:18px}.login-dica{display:none}}.login-ou{color:var(--l-texto-4);align-items:center;gap:12px;margin:-6px 0;font-size:13px;display:flex}.login-ou:before,.login-ou:after{content:"";background:#ffffff1a;flex:1;height:1px}.login .login-google{border:1.5px solid var(--l-borda);background:var(--l-campo);height:52px;color:var(--l-texto);font:700 15px var(--fonte-display);border-radius:12px;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.login .login-google:hover{border-color:var(--l-texto-3);color:var(--l-texto);background:#2e2e2b;text-decoration:none}.login-google-g{flex:none;width:20px;height:20px}.login-esqueci{align-self:flex-end;font-size:13px;font-weight:500}.login a.login-entrar,.login a.login-entrar:hover{color:var(--l-fundo);text-decoration:none}
