/* Same styles as your login page */
        .container_login {
            display: flex;
            height: 100vh;
        }

        

        .left-panel {
            position: relative;
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 40px;
            background: #fff;
            flex-direction: column;
        }

        .right-panel {
            flex: 1;
            background: #374ba0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .login_return {
            top: 5%;
            left: 20%;
            padding: 0 20px;
            position: absolute;
            color: #333;
            text-decoration: none;
        }

        .right_logo {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            flex-direction: column;
        }

        .right_img {
            width: 250px;
        }

        .right_text {
            color: white;
            text-shadow: 0px 0px 5px #333;
        }

        .right_text h1 {
            font-size: 2.5rem;
        }

        .form-box {
            position: relative;
            padding: 80px 20px;
            width: 100%;
            max-width: 400px;
        }

        .login_title {
            margin-bottom: 2rem;
        }

        .login_title h2 {
            color: #333;
            font-weight: bold;
            font-size: 2rem;
        }

        .login_title p {
            color: gray;
            font-size: .9rem;
        }

        .form-box label {
            display: block;
            margin-bottom: 6px;
            font-weight: bold;
        }

        .form-box input[type="text"],
        .form-box input[type="email"],
        .form-box input[type="password"],
        .form-box input[type="file"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .error {
            color: red;
            font-size: 14px;
            margin-top: -10px;
            margin-bottom: 10px;
        }

        .actions {
            margin-top: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .actions button {
            width: 100%;
            background-color: #1e3a8a;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        .actions button:hover {
            background-color: #374ba0;
        }

        .already {
            margin-top: 15px;
            font-size: 14px;
            text-align: center;
        }

        .already a {
            color: #1e3a8a;
            text-decoration: none;
        }

        .already a:hover {
            text-decoration: underline;
        }

        @media (max-width: 768px) {
            .container_login {
                height: 100vh;
                flex-direction: column;
            }

            .right-panel{
                display: none;
            }

            
            .form-box {
                padding: 20px;
               
            }

            .login_return{
                left: 0%;
            }
        }