.oculto{display:none!important}.tela{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.marca{background:var(--grafite);color:#fff;flex-direction:column;justify-content:space-between;gap:40px;padding:clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.marca .logo svg{width:56px;height:56px}.marca .logo b{font-size:28px}.marca h2{max-width:16ch;font-size:clamp(24px,2.6vw,32px);line-height:1.25}.marca p{opacity:.8;max-width:42ch;margin:12px 0 0;font-size:13.5px;line-height:1.6}.marca .perfis{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.marca .perfis span{letter-spacing:.16em;text-transform:uppercase;border:1px solid #ffffff40;padding:5px 10px;font-size:10.5px;font-weight:600}.marca .rodm{opacity:.6;font-size:11.5px}.marca .eco{opacity:.07;pointer-events:none;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px}.form{background:var(--fundo);justify-content:center;align-items:center;padding:clamp(28px,5vw,64px) 16px;display:flex}.caixa{width:100%;max-width:400px}.caixa h1{font-size:26px}.caixa>p{color:var(--texto-2);margin:6px 0 0;font-size:13px}.caixa .campo{flex-direction:column;gap:6px;margin-top:18px;display:flex}.caixa .campo .lb{justify-content:space-between;align-items:baseline;display:flex}.caixa .campo label{font-size:12.5px;font-weight:600}.caixa .campo .lb a{color:var(--vermelho);border-bottom:1px solid var(--vermelho);font-size:12px;font-weight:600}.caixa .campo input{font:inherit;color:var(--texto);background:var(--cartao);border:1px solid var(--borda);border-radius:0;width:100%;padding:12px;font-size:14px}.caixa .campo input:focus{border-color:var(--vermelho);outline:none;box-shadow:0 0 0 3px #a80e0c1f}.senha{position:relative}.senha input{padding-right:72px}.senha button{font:inherit;color:var(--texto-2);cursor:pointer;background:0 0;border:0;font-size:11.5px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.caixa .btn{width:100%;margin-top:22px}.audit{border-top:1px solid var(--borda);color:var(--texto-2);align-items:flex-start;gap:10px;margin-top:22px;padding-top:18px;font-size:11.5px;line-height:1.5;display:flex}.audit svg{width:16px;height:16px;color:var(--texto-2);flex:none;margin-top:1px}.cod{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.cod input{text-align:center;background:var(--cartao);border:1px solid var(--borda);color:var(--texto);border-radius:0;width:100%;padding:12px 0;font-family:Courier New,ui-monospace,monospace;font-size:24px;font-weight:700}.cod input:focus{border-color:var(--vermelho);outline:none;box-shadow:0 0 0 3px #a80e0c1f}.lemb{align-items:center;gap:10px;margin-top:16px;font-size:12.5px;display:flex}.lemb input{width:17px;height:17px;accent-color:var(--vermelho);margin:0}.alt{color:var(--texto-2);margin-top:16px;font-size:12.5px}.alt a{color:var(--vermelho);border-bottom:1px solid var(--vermelho);font-weight:600}.usuario{background:var(--fundo-2);align-items:center;gap:10px;margin-top:16px;padding:10px 12px;font-size:12.5px;display:flex}.usuario .av{background:var(--vermelho);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.usuario button{font:inherit;color:var(--texto-2);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-left:auto;padding:0;font-size:11.5px;font-weight:600}@media (max-width:860px){.tela{grid-template-rows:auto 1fr;grid-template-columns:1fr}.marca{justify-content:flex-start;gap:0;padding:18px 16px}.form{align-items:flex-start;padding-top:28px}.marca .txt,.marca .rodm,.marca .eco{display:none}.marca .logo svg{width:44px;height:44px}.marca .logo b{font-size:22px}}