.locked body{overflow:hidden}.container_log .circle{align-items:center;display:flex;height:400px;width:400px}.container_log{align-items:center;background:#000;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:999}.container_log span{animation:blink 3s linear infinite;animation-delay:calc(var(--i)*.06s);background:#2c4766;border-radius:80px;height:6px;position:absolute;transform:rotate(calc(var(--i)*7.2deg));transform-origin:200px;width:32px}@keyframes blink{0%{background:#ff9800}25%{background:#1b1d1f}}.container_log .login-box{border-radius:20px;max-width:300px;padding:20px;position:absolute;width:80%;z-index:1}.container_log form{padding:0 10px;width:100%}.container_log h2{color:#ff9800;font-size:1.8em;margin-bottom:10px;text-align:center}.container_log .input-box{margin:15px 0;position:relative}.container_log input{border:2px solid #2c4766;border-radius:40px;color:#fff;font-size:1em;height:45px;outline:none;padding:0 15px;transition:.5s ease;width:100%}.container_log input:focus{border-color:#0ef}.container_log form input[type=email]:focus,.container_log form input[type=password]:focus{border-bottom:1px solid #fff;border-radius:0;color:#000}.container_log input:focus~label,.container_log input[value]:not([value=""])~label{color:#ff9800;font-size:.8em;padding:0 6px;top:-10px}.container_log label{color:#fff;font-size:1em;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.5s ease}.container_log .btn{background:#ff9800;border:none;border-radius:40px;color:#1f293a;cursor:pointer;font-size:1em;font-weight:600;height:45px;margin-bottom:20px;outline:none;width:100%}.container_log button#loginBtn:hover{background-color:#000;border:1px solid #ff9800;color:#fff}#loginBox{text-align:center}#mainPage{display:none}#message{color:#ff9800;font-weight:700;margin-top:10px}.success{color:green}.error{color:red}